← Back to Editor

#6CE6BB · #D8EBC0 · #C4E675 · #C9D138 · #D9A932

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 App

Color Details Color Details

#6CE6BB

Jade · MediumAquaMarine · Apple Green

HEX
#6CE6BB
RGB
rgb(108, 230, 187)
HSL
hsl(159, 71%, 66%)
HSB
hsb(159, 53%, 90%)
CMYK
cmyk(53%, 0%, 19%, 10%)
Oklch
oklch(84.3% 0.127 167.6)

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

#D8EBC0

Willow Green · LightGray · Mint Green

HEX
#D8EBC0
RGB
rgb(216, 235, 192)
HSL
hsl(87, 52%, 84%)
HSB
hsb(87, 18%, 92%)
CMYK
cmyk(8%, 0%, 18%, 8%)
Oklch
oklch(91.5% 0.060 127.0)

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

#C4E675

Willow Green · Khaki · Apple Green

HEX
#C4E675
RGB
rgb(196, 230, 117)
HSL
hsl(78, 69%, 68%)
HSB
hsb(78, 49%, 90%)
CMYK
cmyk(15%, 0%, 49%, 10%)
Oklch
oklch(87.6% 0.145 123.2)

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

#C9D138

Autumn Sage · GoldenRod · Sunflower

HEX
#C9D138
RGB
rgb(201, 209, 56)
HSL
hsl(63, 62%, 52%)
HSB
hsb(63, 73%, 82%)
CMYK
cmyk(4%, 0%, 73%, 18%)
Oklch
oklch(82.8% 0.167 112.5)

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

#D9A932

Ginger · GoldenRod · Sunflower

HEX
#D9A932
RGB
rgb(217, 169, 50)
HSL
hsl(43, 69%, 52%)
HSB
hsb(43, 77%, 85%)
CMYK
cmyk(0%, 22%, 77%, 15%)
Oklch
oklch(75.9% 0.140 85.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6CE6BB
E66B96

Analogous

6BE67D
6CE6BB
6BD3E6

Triadic

6CE6BB
BB6BE6
E6BB6B

Split-Comp.

6CE6BB
E66BD3
E67D6B

Tetradic

6CE6BB
7D6BE6
E66B96
D3E66B

Contrast Matrix WCAG 2.1 Contrast

6CE6BB
D8EBC0
C4E675
C9D138
D9A932
—
1.2
Fail
1.1
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
White BG
1.5Fail
1.3Fail
1.4Fail
1.7Fail
2.2Fail
Black BG
13.7AAA
16.6AAA
14.9AAA
12.7AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2C5
E0E0CA
D3D390
CCCD5D
C4C44F

Deuteranopia

9A91C8
DFDECD
D1CE97
CCCB66
C7CB56

Tritanopia

72CECF
D9D3D4
C6A6AB
C97A81
D7666B

Achromatopsia

BDBDBD
E0E0E0
CFCFCF
BDBDBD
AAAAAA

Shades & Tints Shades & Tints

#6CE6BB

Dark
Light

#D8EBC0

Dark
Light

#C4E675

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ce6bb;
  --color-2: #d8ebc0;
  --color-3: #c4e675;
  --color-4: #c9d138;
  --color-5: #d9a932;
}

SCSS

$color-1: #6ce6bb;
$color-2: #d8ebc0;
$color-3: #c4e675;
$color-4: #c9d138;
$color-5: #d9a932;

TAILWIND

colors: {
  'brand-1': '#6ce6bb',
  'brand-2': '#d8ebc0',
  'brand-3': '#c4e675',
  'brand-4': '#c9d138',
  'brand-5': '#d9a932',
}

RGB Array

[108, 230, 187], [216, 235, 192], [196, 230, 117], [201, 209, 56], [217, 169, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6CE6BB, #D8EBC0, #C4E675, #C9D138, #D9A932 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #6ce6bb; --color-2: #d8ebc0; --color-3: #c4e675; --color-4: #c9d138; --color-5: #d9a932. 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. 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