← Back to Editor

#806E56 · #EC5F41 · #FF7E5D · #E4C78B · #FBE6BB

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#806E56

Ochre · DimGray · Amber Brown

HEX
#806E56
RGB
rgb(128, 110, 86)
HSL
hsl(34, 20%, 42%)
HSB
hsb(34, 33%, 50%)
CMYK
cmyk(0%, 14%, 33%, 50%)
Oklch
oklch(54.9% 0.042 74.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#EC5F41

Vermilion · Tomato · Passion Red

HEX
#EC5F41
RGB
rgb(236, 95, 65)
HSL
hsl(11, 82%, 59%)
HSB
hsb(11, 72%, 93%)
CMYK
cmyk(0%, 60%, 72%, 7%)
Oklch
oklch(66.2% 0.181 33.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FF7E5D

Peach Pink · Coral · Coral Red

HEX
#FF7E5D
RGB
rgb(255, 126, 93)
HSL
hsl(12, 100%, 68%)
HSB
hsb(12, 64%, 100%)
CMYK
cmyk(0%, 51%, 64%, 0%)
Oklch
oklch(73.5% 0.165 35.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E4C78B

Goose Yellow · BurlyWood · Sunflower

HEX
#E4C78B
RGB
rgb(228, 199, 139)
HSL
hsl(40, 62%, 72%)
HSB
hsb(40, 39%, 89%)
CMYK
cmyk(0%, 13%, 39%, 11%)
Oklch
oklch(84.1% 0.084 84.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FBE6BB

Goose Yellow · Bisque · Lemon Cream

HEX
#FBE6BB
RGB
rgb(251, 230, 187)
HSL
hsl(40, 89%, 86%)
HSB
hsb(40, 25%, 98%)
CMYK
cmyk(0%, 8%, 25%, 2%)
Oklch
oklch(93.1% 0.060 85.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

806E56
566881

Analogous

815956
806E56
7E8156

Triadic

806E56
56816E
6E5681

Split-Comp.

806E56
567E81
595681

Tetradic

806E56
568159
566881
81567E

Contrast Matrix WCAG 2.1 Contrast

806E56
EC5F41
FF7E5D
E4C78B
FBE6BB
—
1.5
Fail
2.0
Fail
3.0
Fail
4.0
AA Large
1.5
Fail
—
1.3
Fail
2.0
Fail
2.7
Fail
2.0
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
3.0
Fail
2.0
Fail
1.5
Fail
—
1.3
Fail
4.0
AA Large
2.7
Fail
2.0
Fail
1.3
Fail
—
White BG
4.9AA
3.3AA Large
2.5Fail
1.6Fail
1.2Fail
Black BG
4.3AA Large
6.3AA
8.4AAA
12.8AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

78785C
AFAE48
C7C665
D7D79A
F2F2C5

Deuteranopia

797B5D
B7C24A
CFD867
D9DB9D
F3F5C8

Tritanopia

7F6061
E54E4F
F96B6D
E3A5A8
FACECF

Achromatopsia

717171
868686
A1A1A1
C9C9C9
E7E7E7

Shades & Tints Shades & Tints

#806E56

Dark
Light

#EC5F41

Dark
Light

#FF7E5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #806e56;
  --color-2: #ec5f41;
  --color-3: #ff7e5d;
  --color-4: #e4c78b;
  --color-5: #fbe6bb;
}

SCSS

$color-1: #806e56;
$color-2: #ec5f41;
$color-3: #ff7e5d;
$color-4: #e4c78b;
$color-5: #fbe6bb;

TAILWIND

colors: {
  'brand-1': '#806e56',
  'brand-2': '#ec5f41',
  'brand-3': '#ff7e5d',
  'brand-4': '#e4c78b',
  'brand-5': '#fbe6bb',
}

RGB Array

[128, 110, 86], [236, 95, 65], [255, 126, 93], [228, 199, 139], [251, 230, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #806E56, #EC5F41, #FF7E5D, #E4C78B, #FBE6BB is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #806e56; --color-2: #ec5f41; --color-3: #ff7e5d; --color-4: #e4c78b; --color-5: #fbe6bb. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color