← Back to Editor

#DCE29E · #99C38C · #66B487 · #339586 · #008785

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

#DCE29E

Fresh Green · Khaki · Sunflower

HEX
#DCE29E
RGB
rgb(220, 226, 158)
HSL
hsl(65, 54%, 75%)
HSB
hsb(65, 30%, 89%)
CMYK
cmyk(3%, 0%, 30%, 11%)
Oklch
oklch(89.2% 0.088 112.3)

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

#99C38C

Celadon · DarkSeaGreen · Apple Green

HEX
#99C38C
RGB
rgb(153, 195, 140)
HSL
hsl(106, 31%, 66%)
HSB
hsb(106, 28%, 76%)
CMYK
cmyk(22%, 0%, 28%, 24%)
Oklch
oklch(77.3% 0.088 138.4)

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

#66B487

Celadon · CadetBlue · Olive Green

HEX
#66B487
RGB
rgb(102, 180, 135)
HSL
hsl(145, 34%, 55%)
HSB
hsb(145, 43%, 71%)
CMYK
cmyk(43%, 0%, 25%, 29%)
Oklch
oklch(70.7% 0.103 157.1)

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

#339586

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#339586
RGB
rgb(51, 149, 134)
HSL
hsl(171, 49%, 39%)
HSB
hsb(171, 66%, 58%)
CMYK
cmyk(66%, 0%, 10%, 42%)
Oklch
oklch(60.9% 0.093 181.0)

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

#008785

Mineral Blue · Teal · Mint Ice

HEX
#008785
RGB
rgb(0, 135, 133)
HSL
hsl(179, 100%, 26%)
HSB
hsb(179, 100%, 53%)
CMYK
cmyk(100%, 0%, 1%, 47%)
Oklch
oklch(56.4% 0.097 192.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCE29E
A39DE2

Analogous

E2C59D
DCE29E
BAE29D

Triadic

DCE29E
9DDCE2
E29DDC

Split-Comp.

DCE29E
9DBAE2
C59DE2

Tetradic

DCE29E
9DE2C5
A39DE2
E29DBA

Contrast Matrix WCAG 2.1 Contrast

DCE29E
99C38C
66B487
339586
008785
—
1.5
Fail
1.8
Fail
2.7
Fail
3.2
AA Large
1.5
Fail
—
1.2
Fail
1.8
Fail
2.2
Fail
1.8
Fail
1.2
Fail
—
1.5
Fail
1.8
Fail
2.7
Fail
1.8
Fail
1.5
Fail
—
1.2
Fail
3.2
AA Large
2.2
Fail
1.8
Fail
1.2
Fail
—
White BG
1.4Fail
2.0Fail
2.5Fail
3.6AA Large
4.4AA Large
Black BG
15.4AAA
10.5AAA
8.4AAA
5.8AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFAE
ABAC99
888892
5D5E8A
3A3C85

Deuteranopia

DEDEB2
A9A69D
837D95
58508B
332986

Tritanopia

DCBBBE
9BA4A6
6A9A9C
388C8D
078686

Achromatopsia

D8D8D8
B0B0B0
989898
767676
5E5E5E

Shades & Tints Shades & Tints

#DCE29E

Dark
Light

#99C38C

Dark
Light

#66B487

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dce29e;
  --color-2: #99c38c;
  --color-3: #66b487;
  --color-4: #339586;
  --color-5: #008785;
}

SCSS

$color-1: #dce29e;
$color-2: #99c38c;
$color-3: #66b487;
$color-4: #339586;
$color-5: #008785;

TAILWIND

colors: {
  'brand-1': '#dce29e',
  'brand-2': '#99c38c',
  'brand-3': '#66b487',
  'brand-4': '#339586',
  'brand-5': '#008785',
}

RGB Array

[220, 226, 158], [153, 195, 140], [102, 180, 135], [51, 149, 134], [0, 135, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCE29E, #99C38C, #66B487, #339586, #008785 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: #dce29e; --color-2: #99c38c; --color-3: #66b487; --color-4: #339586; --color-5: #008785. 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