← Back to Editor

#E6D698 · #A4B980 · #AB983C · #AD2F09 · #460D00

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

#E6D698

Goose Yellow · Khaki · Sunflower

HEX
#E6D698
RGB
rgb(230, 214, 152)
HSL
hsl(48, 61%, 75%)
HSB
hsb(48, 34%, 90%)
CMYK
cmyk(0%, 7%, 34%, 10%)
Oklch
oklch(87.5% 0.082 95.4)

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

#A4B980

Willow Green · DarkSeaGreen · Apple Green

HEX
#A4B980
RGB
rgb(164, 185, 128)
HSL
hsl(82, 29%, 61%)
HSB
hsb(82, 31%, 73%)
CMYK
cmyk(11%, 0%, 31%, 27%)
Oklch
oklch(75.5% 0.081 124.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#AB983C

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#AB983C
RGB
rgb(171, 152, 60)
HSL
hsl(50, 48%, 45%)
HSB
hsb(50, 65%, 67%)
CMYK
cmyk(0%, 11%, 65%, 33%)
Oklch
oklch(67.9% 0.113 97.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#AD2F09

Vermilion · FireBrick · Wine Red

HEX
#AD2F09
RGB
rgb(173, 47, 9)
HSL
hsl(14, 90%, 36%)
HSB
hsb(14, 95%, 68%)
CMYK
cmyk(0%, 73%, 95%, 32%)
Oklch
oklch(49.7% 0.168 35.2)

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

#460D00

Vermilion · Maroon · Deep Berry

HEX
#460D00
RGB
rgb(70, 13, 0)
HSL
hsl(11, 100%, 14%)
HSB
hsb(11, 100%, 27%)
CMYK
cmyk(0%, 81%, 100%, 73%)
Oklch
oklch(26.1% 0.089 36.1)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6D698
98A8E6

Analogous

E6B098
E6D698
CFE698

Triadic

E6D698
98E6D7
D798E6

Split-Comp.

E6D698
98CFE6
B098E6

Tetradic

E6D698
98E6B0
98A8E6
E698CF

Contrast Matrix WCAG 2.1 Contrast

E6D698
A4B980
AB983C
AD2F09
460D00
—
1.5
Fail
2.0
Fail
4.5
AA
11.0
AAA
1.5
Fail
—
1.3
Fail
3.1
AA Large
7.5
AAA
2.0
Fail
1.3
Fail
—
2.3
Fail
5.5
AA
4.5
AA
3.1
AA Large
2.3
Fail
—
2.4
Fail
11.0
AAA
7.5
AAA
5.5
AA
2.4
Fail
—
White BG
1.5Fail
2.1Fail
2.9Fail
6.6AA
15.9AAA
Black BG
14.4AAA
9.8AAA
7.3AAA
3.2AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFA7
ADAD8E
A3A352
767512
2D2D03

Deuteranopia

E0E1AB
ACAA91
A4A558
7E8714
313504

Tritanopia

E5B3B5
A5999B
AA6468
A7191B
430606

Achromatopsia

D4D4D4
ACACAC
939393
505050
1D1D1D

Shades & Tints Shades & Tints

#E6D698

Dark
Light

#A4B980

Dark
Light

#AB983C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6d698;
  --color-2: #a4b980;
  --color-3: #ab983c;
  --color-4: #ad2f09;
  --color-5: #460d00;
}

SCSS

$color-1: #e6d698;
$color-2: #a4b980;
$color-3: #ab983c;
$color-4: #ad2f09;
$color-5: #460d00;

TAILWIND

colors: {
  'brand-1': '#e6d698',
  'brand-2': '#a4b980',
  'brand-3': '#ab983c',
  'brand-4': '#ad2f09',
  'brand-5': '#460d00',
}

RGB Array

[230, 214, 152], [164, 185, 128], [171, 152, 60], [173, 47, 9], [70, 13, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6D698, #A4B980, #AB983C, #AD2F09, #460D00 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #e6d698; --color-2: #a4b980; --color-3: #ab983c; --color-4: #ad2f09; --color-5: #460d00. 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 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