← Back to Editor

#EEE2A6 · #F3C27F · #E78F5F · #977762 · #44685C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EEE2A6

Fresh Green · Wheat · Lemon Cream

HEX
#EEE2A6
RGB
rgb(238, 226, 166)
HSL
hsl(50, 68%, 79%)
HSB
hsb(50, 30%, 93%)
CMYK
cmyk(0%, 5%, 30%, 7%)
Oklch
oklch(90.8% 0.078 98.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F3C27F

Goose Yellow · BurlyWood · Warm Sun

HEX
#F3C27F
RGB
rgb(243, 194, 127)
HSL
hsl(35, 83%, 73%)
HSB
hsb(35, 48%, 95%)
CMYK
cmyk(0%, 20%, 48%, 5%)
Oklch
oklch(84.3% 0.101 74.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E78F5F

Apricot · SandyBrown · Warm Sun

HEX
#E78F5F
RGB
rgb(231, 143, 95)
HSL
hsl(21, 74%, 64%)
HSB
hsb(21, 59%, 91%)
CMYK
cmyk(0%, 38%, 59%, 9%)
Oklch
oklch(73.2% 0.124 48.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#977762

Tangerine · Gray · Amber Brown

HEX
#977762
RGB
rgb(151, 119, 98)
HSL
hsl(24, 21%, 49%)
HSB
hsb(24, 35%, 59%)
CMYK
cmyk(0%, 21%, 35%, 41%)
Oklch
oklch(59.5% 0.051 54.8)

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

#44685C

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#44685C
RGB
rgb(68, 104, 92)
HSL
hsl(160, 21%, 34%)
HSB
hsb(160, 35%, 41%)
CMYK
cmyk(35%, 0%, 12%, 59%)
Oklch
oklch(48.6% 0.046 171.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE2A6
A5B1EE

Analogous

EEBDA5
EEE2A6
D6EEA5

Triadic

EEE2A6
A5EEE2
E2A5EE

Split-Comp.

EEE2A6
A5D6EE
BDA5EE

Tetradic

EEE2A6
A5EEBD
A5B1EE
EEA5D6

Contrast Matrix WCAG 2.1 Contrast

EEE2A6
F3C27F
E78F5F
977762
44685C
—
1.3
Fail
1.9
Fail
3.1
AA Large
4.8
AA
1.3
Fail
—
1.5
Fail
2.5
Fail
3.8
AA Large
1.9
Fail
1.5
Fail
—
1.7
Fail
2.5
Fail
3.1
AA Large
2.5
Fail
1.7
Fail
—
1.5
Fail
4.8
AA
3.8
AA Large
2.5
Fail
1.5
Fail
—
White BG
1.3Fail
1.6Fail
2.5Fail
4.1AA Large
6.2AA
Black BG
16.1AAA
12.8AAA
8.5AAA
5.1AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9B5
DEDD8F
C1C06B
898967
54545F

Deuteranopia

EAEAB8
E1E493
C6CD6D
8B8D68
524F60

Tritanopia

EDC0C3
F19C9F
E37476
956B6C
466162

Achromatopsia

DFDFDF
C9C9C9
A4A4A4
7E7E7E
5C5C5C

Shades & Tints Shades & Tints

#EEE2A6

Dark
Light

#F3C27F

Dark
Light

#E78F5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee2a6;
  --color-2: #f3c27f;
  --color-3: #e78f5f;
  --color-4: #977762;
  --color-5: #44685c;
}

SCSS

$color-1: #eee2a6;
$color-2: #f3c27f;
$color-3: #e78f5f;
$color-4: #977762;
$color-5: #44685c;

TAILWIND

colors: {
  'brand-1': '#eee2a6',
  'brand-2': '#f3c27f',
  'brand-3': '#e78f5f',
  'brand-4': '#977762',
  'brand-5': '#44685c',
}

RGB Array

[238, 226, 166], [243, 194, 127], [231, 143, 95], [151, 119, 98], [68, 104, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE2A6, #F3C27F, #E78F5F, #977762, #44685C is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eee2a6; --color-2: #f3c27f; --color-3: #e78f5f; --color-4: #977762; --color-5: #44685c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco industries. 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