← Back to Editor

#E6C109 · #E2DFD0 · #DBDDBE · #ABB81B · #A85E2D

warm

A 5-color warm 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

#E6C109

Autumn Sage · Gold · Honey Gold

HEX
#E6C109
RGB
rgb(230, 193, 9)
HSL
hsl(50, 92%, 47%)
HSB
hsb(50, 96%, 90%)
CMYK
cmyk(0%, 16%, 96%, 10%)
Oklch
oklch(81.9% 0.167 94.9)

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

#E2DFD0

Fresh Green · LightGray · Lemon Cream

HEX
#E2DFD0
RGB
rgb(226, 223, 208)
HSL
hsl(50, 24%, 85%)
HSB
hsb(50, 8%, 89%)
CMYK
cmyk(0%, 1%, 8%, 11%)
Oklch
oklch(90.2% 0.020 97.6)

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

#DBDDBE

Fresh Green · LightGray · Lemon Cream

HEX
#DBDDBE
RGB
rgb(219, 221, 190)
HSL
hsl(64, 31%, 81%)
HSB
hsb(64, 14%, 87%)
CMYK
cmyk(1%, 0%, 14%, 13%)
Oklch
oklch(88.8% 0.041 110.2)

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

#ABB81B

Autumn Sage · GoldenRod · Honey Gold

HEX
#ABB81B
RGB
rgb(171, 184, 27)
HSL
hsl(65, 74%, 41%)
HSB
hsb(65, 85%, 72%)
CMYK
cmyk(7%, 0%, 85%, 28%)
Oklch
oklch(74.7% 0.163 114.8)

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

#A85E2D

Tangerine · Sienna · Amber Brown

HEX
#A85E2D
RGB
rgb(168, 94, 45)
HSL
hsl(24, 58%, 42%)
HSB
hsb(24, 73%, 66%)
CMYK
cmyk(0%, 44%, 73%, 34%)
Oklch
oklch(55.8% 0.115 51.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6C109
0A2EE6

Analogous

E6530A
E6C109
9DE60A

Triadic

E6C109
0AE6C1
C10AE6

Split-Comp.

E6C109
0A9DE6
530AE6

Tetradic

E6C109
0AE653
0A2EE6
E60A9D

Contrast Matrix WCAG 2.1 Contrast

E6C109
E2DFD0
DBDDBE
ABB81B
A85E2D
—
1.3
Fail
1.3
Fail
1.2
Fail
2.8
Fail
1.3
Fail
—
1.0
Fail
1.6
Fail
3.6
AA Large
1.3
Fail
1.0
Fail
—
1.6
Fail
3.5
AA Large
1.2
Fail
1.6
Fail
1.6
Fail
—
2.2
Fail
2.8
Fail
3.6
AA Large
3.5
AA Large
2.2
Fail
—
White BG
1.8Fail
1.3Fail
1.4Fail
2.2Fail
4.9AA
Black BG
12.0AAA
15.7AAA
15.1AAA
9.6AAA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D636
E1E1D4
DCDCC6
B1B141
888739

Deuteranopia

D8DB40
E1E1D5
DCDCC7
B0AF4A
8C923C

Tritanopia

E45960
E2D6D7
DBCBCD
AC5F66
A44244

Achromatopsia

B7B7B7
DEDEDE
D9D9D9
A2A2A2
6F6F6F

Shades & Tints Shades & Tints

#E6C109

Dark
Light

#E2DFD0

Dark
Light

#DBDDBE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6c109;
  --color-2: #e2dfd0;
  --color-3: #dbddbe;
  --color-4: #abb81b;
  --color-5: #a85e2d;
}

SCSS

$color-1: #e6c109;
$color-2: #e2dfd0;
$color-3: #dbddbe;
$color-4: #abb81b;
$color-5: #a85e2d;

TAILWIND

colors: {
  'brand-1': '#e6c109',
  'brand-2': '#e2dfd0',
  'brand-3': '#dbddbe',
  'brand-4': '#abb81b',
  'brand-5': '#a85e2d',
}

RGB Array

[230, 193, 9], [226, 223, 208], [219, 221, 190], [171, 184, 27], [168, 94, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E6C109, #E2DFD0, #DBDDBE, #ABB81B, #A85E2D 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: #e6c109; --color-2: #e2dfd0; --color-3: #dbddbe; --color-4: #abb81b; --color-5: #a85e2d. 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 warm-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