← Back to Editor

#6CCCAE · #6FE0A8 · #92F1A0 · #D2EE8F · #D3F1B7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#6CCCAE

Jade · MediumAquaMarine · Lake Green

HEX
#6CCCAE
RGB
rgb(108, 204, 174)
HSL
hsl(161, 48%, 61%)
HSB
hsb(161, 47%, 80%)
CMYK
cmyk(47%, 0%, 15%, 20%)
Oklch
oklch(77.8% 0.102 171.0)

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

#6FE0A8

Jade · MediumAquaMarine · Apple Green

HEX
#6FE0A8
RGB
rgb(111, 224, 168)
HSL
hsl(150, 65%, 66%)
HSB
hsb(150, 50%, 88%)
CMYK
cmyk(50%, 0%, 25%, 12%)
Oklch
oklch(82.5% 0.132 159.9)

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

#92F1A0

Emerald · LightGreen · Apple Green

HEX
#92F1A0
RGB
rgb(146, 241, 160)
HSL
hsl(129, 77%, 76%)
HSB
hsb(129, 39%, 95%)
CMYK
cmyk(39%, 0%, 34%, 5%)
Oklch
oklch(87.9% 0.143 147.7)

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

#D2EE8F

Willow Green · Khaki · Apple Green

HEX
#D2EE8F
RGB
rgb(210, 238, 143)
HSL
hsl(78, 74%, 75%)
HSB
hsb(78, 40%, 93%)
CMYK
cmyk(12%, 0%, 40%, 7%)
Oklch
oklch(90.7% 0.124 122.3)

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

#D3F1B7

Emerald · Wheat · Mint Green

HEX
#D3F1B7
RGB
rgb(211, 241, 183)
HSL
hsl(91, 67%, 83%)
HSB
hsb(91, 24%, 95%)
CMYK
cmyk(12%, 0%, 24%, 5%)
Oklch
oklch(92.2% 0.083 130.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6CCCAE
CB6C8A

Analogous

6CCB7D
6CCCAE
6CBACB

Triadic

6CCCAE
AD6CCB
CBAD6C

Split-Comp.

6CCCAE
CB6CBA
CB7D6C

Tetradic

6CCCAE
7D6CCB
CB6C8A
BACB6C

Contrast Matrix WCAG 2.1 Contrast

6CCCAE
6FE0A8
92F1A0
D2EE8F
D3F1B7
—
1.2
Fail
1.4
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.3
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.0
Fail
1.6
Fail
1.3
Fail
1.1
Fail
1.0
Fail
—
White BG
1.9Fail
1.6Fail
1.4Fail
1.3Fail
1.2Fail
Black BG
10.9AAA
12.9AAA
15.3AAA
16.4AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9696B5
A0A1B6
BBBCB4
DEDEA6
E0E0C5

Deuteranopia

9089B7
9991B9
B6AFB8
DDDAAC
DEDCC8

Tritanopia

71BBBC
75C0C3
97C3C6
D3B8BC
D5D0D3

Achromatopsia

ACACAC
B8B8B8
CBCBCB
DBDBDB
E1E1E1

Shades & Tints Shades & Tints

#6CCCAE

Dark
Light

#6FE0A8

Dark
Light

#92F1A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6cccae;
  --color-2: #6fe0a8;
  --color-3: #92f1a0;
  --color-4: #d2ee8f;
  --color-5: #d3f1b7;
}

SCSS

$color-1: #6cccae;
$color-2: #6fe0a8;
$color-3: #92f1a0;
$color-4: #d2ee8f;
$color-5: #d3f1b7;

TAILWIND

colors: {
  'brand-1': '#6cccae',
  'brand-2': '#6fe0a8',
  'brand-3': '#92f1a0',
  'brand-4': '#d2ee8f',
  'brand-5': '#d3f1b7',
}

RGB Array

[108, 204, 174], [111, 224, 168], [146, 241, 160], [210, 238, 143], [211, 241, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6CCCAE, #6FE0A8, #92F1A0, #D2EE8F, #D3F1B7 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #6cccae; --color-2: #6fe0a8; --color-3: #92f1a0; --color-4: #d2ee8f; --color-5: #d3f1b7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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