← Back to Editor

#E6ED7E · #CEDA8C · #D2B780 · #4F4149 · #73C7AC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E6ED7E

Fresh Green · Khaki · Sunflower

HEX
#E6ED7E
RGB
rgb(230, 237, 126)
HSL
hsl(64, 76%, 71%)
HSB
hsb(64, 47%, 93%)
CMYK
cmyk(3%, 0%, 47%, 7%)
Oklch
oklch(91.8% 0.135 112.0)

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

#CEDA8C

Fresh Green · Khaki · Sunflower

HEX
#CEDA8C
RGB
rgb(206, 218, 140)
HSL
hsl(69, 51%, 70%)
HSB
hsb(69, 36%, 85%)
CMYK
cmyk(6%, 0%, 36%, 15%)
Oklch
oklch(86.1% 0.101 115.7)

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

#D2B780

Ginger · Tan · Sunflower

HEX
#D2B780
RGB
rgb(210, 183, 128)
HSL
hsl(40, 48%, 66%)
HSB
hsb(40, 39%, 82%)
CMYK
cmyk(0%, 13%, 39%, 18%)
Oklch
oklch(79.0% 0.078 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#4F4149

Rose Purple · DarkSlateGray · Camellia

HEX
#4F4149
RGB
rgb(79, 65, 73)
HSL
hsl(326, 10%, 28%)
HSB
hsb(326, 18%, 31%)
CMYK
cmyk(0%, 18%, 8%, 69%)
Oklch
oklch(39.3% 0.023 342.9)

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

#73C7AC

Jade · MediumAquaMarine · Lake Green

HEX
#73C7AC
RGB
rgb(115, 199, 172)
HSL
hsl(161, 43%, 62%)
HSB
hsb(161, 42%, 78%)
CMYK
cmyk(42%, 0%, 14%, 22%)
Oklch
oklch(76.9% 0.092 171.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6ED7E
847DED

Analogous

EDBD7D
E6ED7E
AEED7D

Triadic

E6ED7E
7DE6ED
ED7DE6

Split-Comp.

E6ED7E
7DAEED
BD7DED

Tetradic

E6ED7E
7DEDBD
847DED
ED7DAE

Contrast Matrix WCAG 2.1 Contrast

E6ED7E
CEDA8C
D2B780
4F4149
73C7AC
—
1.2
Fail
1.6
Fail
7.7
AAA
1.6
Fail
1.2
Fail
—
1.3
Fail
6.4
AA
1.3
Fail
1.6
Fail
1.3
Fail
—
5.0
AA
1.0
Fail
7.7
AAA
6.4
AA
5.0
AA
—
4.8
AA
1.6
Fail
1.3
Fail
1.0
Fail
4.8
AA
—
White BG
1.3Fail
1.5Fail
1.9Fail
9.6AAA
2.0Fail
Black BG
16.8AAA
14.0AAA
10.8AAA
2.2Fail
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E999
D3D39F
C6C68D
494947
9798B3

Deuteranopia

E9E89F
D3D2A3
C8CA91
4A4B47
938CB4

Tritanopia

E6AEB3
CFAEB1
D1989A
4E4645
77B8B9

Achromatopsia

DEDEDE
CECECE
B9B9B9
464646
ABABAB

Shades & Tints Shades & Tints

#E6ED7E

Dark
Light

#CEDA8C

Dark
Light

#D2B780

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6ed7e;
  --color-2: #ceda8c;
  --color-3: #d2b780;
  --color-4: #4f4149;
  --color-5: #73c7ac;
}

SCSS

$color-1: #e6ed7e;
$color-2: #ceda8c;
$color-3: #d2b780;
$color-4: #4f4149;
$color-5: #73c7ac;

TAILWIND

colors: {
  'brand-1': '#e6ed7e',
  'brand-2': '#ceda8c',
  'brand-3': '#d2b780',
  'brand-4': '#4f4149',
  'brand-5': '#73c7ac',
}

RGB Array

[230, 237, 126], [206, 218, 140], [210, 183, 128], [79, 65, 73], [115, 199, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6ED7E, #CEDA8C, #D2B780, #4F4149, #73C7AC 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: #e6ed7e; --color-2: #ceda8c; --color-3: #d2b780; --color-4: #4f4149; --color-5: #73c7ac. 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