← Back to Editor

#CDEC8E · #DBAF44 · #DA6728 · #A7301A · #170E07

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

#CDEC8E

Willow Green · Khaki · Apple Green

HEX
#CDEC8E
RGB
rgb(205, 236, 142)
HSL
hsl(80, 71%, 74%)
HSB
hsb(80, 40%, 93%)
CMYK
cmyk(13%, 0%, 40%, 7%)
Oklch
oklch(89.9% 0.124 123.8)

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

#DBAF44

Ginger · GoldenRod · Sunflower

HEX
#DBAF44
RGB
rgb(219, 175, 68)
HSL
hsl(43, 68%, 56%)
HSB
hsb(43, 69%, 86%)
CMYK
cmyk(0%, 20%, 69%, 14%)
Oklch
oklch(77.5% 0.132 86.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#DA6728

Tangerine · Chocolate · Warm Sun

HEX
#DA6728
RGB
rgb(218, 103, 40)
HSL
hsl(21, 71%, 51%)
HSB
hsb(21, 82%, 85%)
CMYK
cmyk(0%, 53%, 82%, 15%)
Oklch
oklch(64.3% 0.162 45.6)

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

#A7301A

Vermilion · Brown · Wine Red

HEX
#A7301A
RGB
rgb(167, 48, 26)
HSL
hsl(9, 73%, 38%)
HSB
hsb(9, 84%, 65%)
CMYK
cmyk(0%, 71%, 84%, 35%)
Oklch
oklch(48.9% 0.159 32.6)

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

#170E07

Tangerine · Black · Cinnamon

HEX
#170E07
RGB
rgb(23, 14, 7)
HSL
hsl(26, 53%, 6%)
HSB
hsb(26, 70%, 9%)
CMYK
cmyk(0%, 39%, 70%, 91%)
Oklch
oklch(17.4% 0.021 59.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDEC8E
AD8EEC

Analogous

ECDC8E
CDEC8E
9DEC8E

Triadic

CDEC8E
8ECCEC
EC8ECC

Split-Comp.

CDEC8E
8E9DEC
DC8EEC

Tetradic

CDEC8E
8EECDC
AD8EEC
EC8E9D

Contrast Matrix WCAG 2.1 Contrast

CDEC8E
DBAF44
DA6728
A7301A
170E07
—
1.6
Fail
2.7
Fail
5.2
AA
14.5
AAA
1.6
Fail
—
1.7
Fail
3.3
AA Large
9.3
AAA
2.7
Fail
1.7
Fail
—
1.9
Fail
5.4
AA
5.2
AA
3.3
AA Large
1.9
Fail
—
2.8
Fail
14.5
AAA
9.3
AAA
5.4
AA
2.8
Fail
—
White BG
1.3Fail
2.1Fail
3.5AA Large
6.8AA
19.1AAA
Black BG
16.0AAA
10.2AAA
6.0AA
3.1AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADBA5
C8C85E
A8A737
73721F
131309

Deuteranopia

D9D6AA
CBCE64
AFB83B
7A8321
141409

Tritanopia

CFB7BB
D97277
D44346
A12424
170A0A

Achromatopsia

D8D8D8
B0B0B0
828282
515151
101010

Shades & Tints Shades & Tints

#CDEC8E

Dark
Light

#DBAF44

Dark
Light

#DA6728

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdec8e;
  --color-2: #dbaf44;
  --color-3: #da6728;
  --color-4: #a7301a;
  --color-5: #170e07;
}

SCSS

$color-1: #cdec8e;
$color-2: #dbaf44;
$color-3: #da6728;
$color-4: #a7301a;
$color-5: #170e07;

TAILWIND

colors: {
  'brand-1': '#cdec8e',
  'brand-2': '#dbaf44',
  'brand-3': '#da6728',
  'brand-4': '#a7301a',
  'brand-5': '#170e07',
}

RGB Array

[205, 236, 142], [219, 175, 68], [218, 103, 40], [167, 48, 26], [23, 14, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDEC8E, #DBAF44, #DA6728, #A7301A, #170E07 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: #cdec8e; --color-2: #dbaf44; --color-3: #da6728; --color-4: #a7301a; --color-5: #170e07. 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