← Back to Editor

#D0E3B6 · #E8F05D · #D2DB4A · #6B985F · #2C7C55

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D0E3B6

Willow Green · LightGray · Apple Green

HEX
#D0E3B6
RGB
rgb(208, 227, 182)
HSL
hsl(85, 45%, 80%)
HSB
hsb(85, 20%, 89%)
CMYK
cmyk(8%, 0%, 20%, 11%)
Oklch
oklch(89.0% 0.063 126.3)

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

#E8F05D

Fresh Green · Khaki · Sunflower

HEX
#E8F05D
RGB
rgb(232, 240, 93)
HSL
hsl(63, 83%, 65%)
HSB
hsb(63, 61%, 94%)
CMYK
cmyk(3%, 0%, 61%, 6%)
Oklch
oklch(92.2% 0.167 112.2)

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

#D2DB4A

Autumn Sage · GreenYellow · Sunflower

HEX
#D2DB4A
RGB
rgb(210, 219, 74)
HSL
hsl(64, 67%, 57%)
HSB
hsb(64, 66%, 86%)
CMYK
cmyk(4%, 0%, 66%, 14%)
Oklch
oklch(85.8% 0.164 112.8)

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

#6B985F

Celadon · Gray · Olive Green

HEX
#6B985F
RGB
rgb(107, 152, 95)
HSL
hsl(107, 23%, 48%)
HSB
hsb(107, 38%, 60%)
CMYK
cmyk(30%, 0%, 38%, 40%)
Oklch
oklch(63.2% 0.096 139.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#2C7C55

Mineral Blue · SeaGreen · Forest Green

HEX
#2C7C55
RGB
rgb(44, 124, 85)
HSL
hsl(151, 48%, 33%)
HSB
hsb(151, 65%, 49%)
CMYK
cmyk(65%, 0%, 31%, 51%)
Oklch
oklch(52.7% 0.100 158.7)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0E3B6
C8B5E3

Analogous

E3DFB5
D0E3B6
B9E3B5

Triadic

D0E3B6
B5D0E3
E3B5D0

Split-Comp.

D0E3B6
B5B9E3
DFB5E3

Tetradic

D0E3B6
B5E3DF
C8B5E3
E3B5B9

Contrast Matrix WCAG 2.1 Contrast

D0E3B6
E8F05D
D2DB4A
6B985F
2C7C55
—
1.1
Fail
1.1
Fail
2.4
Fail
3.7
AA Large
1.1
Fail
—
1.2
Fail
2.7
Fail
4.1
AA Large
1.1
Fail
1.2
Fail
—
2.2
Fail
3.4
AA Large
2.4
Fail
2.7
Fail
2.2
Fail
—
1.5
Fail
3.7
AA Large
4.1
AA Large
3.4
AA Large
1.5
Fail
—
White BG
1.4Fail
1.2Fail
1.5Fail
3.3AA Large
5.1AA
Black BG
15.3AAA
17.1AAA
14.0AAA
6.3AA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8C1
EBEC81
D6D66D
7E7F6D
4F4F5E

Deuteranopia

D7D6C4
EBEA89
D5D576
7C7970
4A4461

Tritanopia

D1C9CB
E89DA3
D2898F
6D787A
306668

Achromatopsia

D8D8D8
DDDDDD
C8C8C8
848484
606060

Shades & Tints Shades & Tints

#D0E3B6

Dark
Light

#E8F05D

Dark
Light

#D2DB4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0e3b6;
  --color-2: #e8f05d;
  --color-3: #d2db4a;
  --color-4: #6b985f;
  --color-5: #2c7c55;
}

SCSS

$color-1: #d0e3b6;
$color-2: #e8f05d;
$color-3: #d2db4a;
$color-4: #6b985f;
$color-5: #2c7c55;

TAILWIND

colors: {
  'brand-1': '#d0e3b6',
  'brand-2': '#e8f05d',
  'brand-3': '#d2db4a',
  'brand-4': '#6b985f',
  'brand-5': '#2c7c55',
}

RGB Array

[208, 227, 182], [232, 240, 93], [210, 219, 74], [107, 152, 95], [44, 124, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0E3B6, #E8F05D, #D2DB4A, #6B985F, #2C7C55 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: #d0e3b6; --color-2: #e8f05d; --color-3: #d2db4a; --color-4: #6b985f; --color-5: #2c7c55. 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