← Back to Editor

#EED293 · #E6B982 · #B0866E · #866262 · #5A4156

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EED293

Goose Yellow · Khaki · Sunflower

HEX
#EED293
RGB
rgb(238, 210, 147)
HSL
hsl(42, 73%, 75%)
HSB
hsb(42, 38%, 93%)
CMYK
cmyk(0%, 12%, 38%, 7%)
Oklch
oklch(87.3% 0.086 86.6)

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

#E6B982

Goose Yellow · BurlyWood · Warm Sun

HEX
#E6B982
RGB
rgb(230, 185, 130)
HSL
hsl(33, 67%, 71%)
HSB
hsb(33, 43%, 90%)
CMYK
cmyk(0%, 20%, 43%, 10%)
Oklch
oklch(81.3% 0.088 71.7)

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

#B0866E

Tangerine · Gray · Warm Sun

HEX
#B0866E
RGB
rgb(176, 134, 110)
HSL
hsl(22, 29%, 56%)
HSB
hsb(22, 37%, 69%)
CMYK
cmyk(0%, 24%, 37%, 31%)
Oklch
oklch(65.4% 0.062 51.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#866262

Crimson · DimGray · Passion Red

HEX
#866262
RGB
rgb(134, 98, 98)
HSL
hsl(0, 16%, 45%)
HSB
hsb(0, 27%, 53%)
CMYK
cmyk(0%, 27%, 27%, 47%)
Oklch
oklch(53.3% 0.047 18.7)

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

#5A4156

Rose Purple · DarkSlateGray · Eggplant

HEX
#5A4156
RGB
rgb(90, 65, 86)
HSL
hsl(310, 16%, 30%)
HSB
hsb(310, 28%, 35%)
CMYK
cmyk(0%, 28%, 4%, 65%)
Oklch
oklch(41.0% 0.047 332.0)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EED293
91ADEE

Analogous

EEA391
EED293
DBEE91

Triadic

EED293
91EED2
D291EE

Split-Comp.

EED293
91DBEE
A391EE

Tetradic

EED293
91EEA3
91ADEE
EE91DB

Contrast Matrix WCAG 2.1 Contrast

EED293
E6B982
B0866E
866262
5A4156
—
1.2
Fail
2.2
Fail
3.6
AA Large
6.1
AA
1.2
Fail
—
1.8
Fail
3.0
Fail
5.0
AA
2.2
Fail
1.8
Fail
—
1.6
Fail
2.8
Fail
3.6
AA Large
3.0
Fail
1.6
Fail
—
1.7
Fail
6.1
AA
5.0
AA
2.8
Fail
1.7
Fail
—
White BG
1.5Fail
1.8Fail
3.2AA Large
5.3AA
9.0AAA
Black BG
14.3AAA
11.6AAA
6.5AA
3.9AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2A2
D3D28F
9E9D74
767662
4F4F51

Deuteranopia

E4E6A6
D5D993
A0A375
797B62
515350

Tritanopia

EDAEB1
E49A9C
AE7879
846262
594D4C

Achromatopsia

D3D3D3
C0C0C0
909090
6D6D6D
4B4B4B

Shades & Tints Shades & Tints

#EED293

Dark
Light

#E6B982

Dark
Light

#B0866E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eed293;
  --color-2: #e6b982;
  --color-3: #b0866e;
  --color-4: #866262;
  --color-5: #5a4156;
}

SCSS

$color-1: #eed293;
$color-2: #e6b982;
$color-3: #b0866e;
$color-4: #866262;
$color-5: #5a4156;

TAILWIND

colors: {
  'brand-1': '#eed293',
  'brand-2': '#e6b982',
  'brand-3': '#b0866e',
  'brand-4': '#866262',
  'brand-5': '#5a4156',
}

RGB Array

[238, 210, 147], [230, 185, 130], [176, 134, 110], [134, 98, 98], [90, 65, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EED293, #E6B982, #B0866E, #866262, #5A4156 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: #eed293; --color-2: #e6b982; --color-3: #b0866e; --color-4: #866262; --color-5: #5a4156. 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