← Back to Editor

#E6F1BD · #14C7A9 · #8D9E0B · #FDD60D · #EE6018

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E6F1BD

Willow Green · Wheat · Mint Green

HEX
#E6F1BD
RGB
rgb(230, 241, 189)
HSL
hsl(73, 65%, 84%)
HSB
hsb(73, 22%, 95%)
CMYK
cmyk(5%, 0%, 22%, 5%)
Oklch
oklch(93.7% 0.069 117.4)

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

#14C7A9

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#14C7A9
RGB
rgb(20, 199, 169)
HSL
hsl(170, 82%, 43%)
HSB
hsb(170, 90%, 78%)
CMYK
cmyk(90%, 0%, 15%, 22%)
Oklch
oklch(74.3% 0.136 176.4)

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

#8D9E0B

Autumn Sage · Olive · Honey Gold

HEX
#8D9E0B
RGB
rgb(141, 158, 11)
HSL
hsl(67, 87%, 33%)
HSB
hsb(67, 93%, 62%)
CMYK
cmyk(11%, 0%, 93%, 38%)
Oklch
oklch(66.3% 0.151 117.2)

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

#FDD60D

Autumn Sage · Gold · Sunflower

HEX
#FDD60D
RGB
rgb(253, 214, 13)
HSL
hsl(50, 98%, 52%)
HSB
hsb(50, 95%, 99%)
CMYK
cmyk(0%, 15%, 95%, 1%)
Oklch
oklch(88.3% 0.180 95.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EE6018

Tangerine · Chocolate · Warm Sun

HEX
#EE6018
RGB
rgb(238, 96, 24)
HSL
hsl(20, 86%, 51%)
HSB
hsb(20, 90%, 93%)
CMYK
cmyk(0%, 60%, 90%, 7%)
Oklch
oklch(66.3% 0.190 42.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6F1BD
C7BCF1

Analogous

F1E2BC
E6F1BD
CBF1BC

Triadic

E6F1BD
BCE5F1
F1BCE5

Split-Comp.

E6F1BD
BCCBF1
E2BCF1

Tetradic

E6F1BD
BCF1E2
C7BCF1
F1BCCB

Contrast Matrix WCAG 2.1 Contrast

E6F1BD
14C7A9
8D9E0B
FDD60D
EE6018
—
1.8
Fail
2.5
Fail
1.2
Fail
2.8
Fail
1.8
Fail
—
1.4
Fail
1.5
Fail
1.5
Fail
2.5
Fail
1.4
Fail
—
2.1
Fail
1.1
Fail
1.2
Fail
1.5
Fail
2.1
Fail
—
2.3
Fail
2.8
Fail
1.5
Fail
1.1
Fail
2.3
Fail
—
White BG
1.2Fail
2.1Fail
3.0Fail
1.4Fail
3.3AA Large
Black BG
17.7AAA
9.8AAA
7.0AAA
14.8AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBCA
6263B0
94952F
ECEC3E
B1AF29

Deuteranopia

EAE9CD
574AB2
939237
EEF149
B9C32E

Tritanopia

E7D4D6
1DB6B7
8E4B51
FB646C
E7373A

Achromatopsia

E8E8E8
8E8E8E
888888
CBCBCB
828282

Shades & Tints Shades & Tints

#E6F1BD

Dark
Light

#14C7A9

Dark
Light

#8D9E0B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6f1bd;
  --color-2: #14c7a9;
  --color-3: #8d9e0b;
  --color-4: #fdd60d;
  --color-5: #ee6018;
}

SCSS

$color-1: #e6f1bd;
$color-2: #14c7a9;
$color-3: #8d9e0b;
$color-4: #fdd60d;
$color-5: #ee6018;

TAILWIND

colors: {
  'brand-1': '#e6f1bd',
  'brand-2': '#14c7a9',
  'brand-3': '#8d9e0b',
  'brand-4': '#fdd60d',
  'brand-5': '#ee6018',
}

RGB Array

[230, 241, 189], [20, 199, 169], [141, 158, 11], [253, 214, 13], [238, 96, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6F1BD, #14C7A9, #8D9E0B, #FDD60D, #EE6018 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: #e6f1bd; --color-2: #14c7a9; --color-3: #8d9e0b; --color-4: #fdd60d; --color-5: #ee6018. 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