← Back to Editor

#6ADCD2 · #B3F0D1 · #E8FCC9 · #A4E79A · #50C670

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

#6ADCD2

Jade · MediumTurquoise · Lake Green

HEX
#6ADCD2
RGB
rgb(106, 220, 210)
HSL
hsl(175, 62%, 64%)
HSB
hsb(175, 52%, 86%)
CMYK
cmyk(52%, 0%, 5%, 14%)
Oklch
oklch(82.5% 0.105 187.7)

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

#B3F0D1

Jade · LightBlue · Mint Green

HEX
#B3F0D1
RGB
rgb(179, 240, 209)
HSL
hsl(150, 67%, 82%)
HSB
hsb(150, 25%, 94%)
CMYK
cmyk(25%, 0%, 13%, 6%)
Oklch
oklch(90.5% 0.075 162.3)

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

#E8FCC9

Willow Green · Beige · Mint Green

HEX
#E8FCC9
RGB
rgb(232, 252, 201)
HSL
hsl(84, 89%, 89%)
HSB
hsb(84, 20%, 99%)
CMYK
cmyk(8%, 0%, 20%, 1%)
Oklch
oklch(96.4% 0.070 125.1)

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

#A4E79A

Emerald · LightGreen · Apple Green

HEX
#A4E79A
RGB
rgb(164, 231, 154)
HSL
hsl(112, 62%, 75%)
HSB
hsb(112, 33%, 91%)
CMYK
cmyk(29%, 0%, 33%, 9%)
Oklch
oklch(86.4% 0.124 141.3)

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

#50C670

Emerald · MediumSeaGreen · Olive Green

HEX
#50C670
RGB
rgb(80, 198, 112)
HSL
hsl(136, 51%, 55%)
HSB
hsb(136, 60%, 78%)
CMYK
cmyk(60%, 0%, 43%, 22%)
Oklch
oklch(73.9% 0.162 149.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6ADCD2
DC6A74

Analogous

6ADC9A
6ADCD2
6AADDC

Triadic

6ADCD2
D36ADC
DCD36A

Split-Comp.

6ADCD2
DC6AAD
DC9A6A

Tetradic

6ADCD2
9A6ADC
DC6A74
ADDC6A

Contrast Matrix WCAG 2.1 Contrast

6ADCD2
B3F0D1
E8FCC9
A4E79A
50C670
—
1.3
Fail
1.5
Fail
1.1
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.5
Fail
1.3
Fail
1.7
Fail
2.0
Fail
1.5
Fail
—
White BG
1.6Fail
1.3Fail
1.1Fail
1.5Fail
2.2Fail
Black BG
12.8AAA
16.3AAA
19.2AAA
14.5AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9CD4
CDCED9
F1F1D5
C1C2AD
838485

Deuteranopia

958CD5
CAC5DA
F0EED8
BDB8B1
7C738A

Tritanopia

70D6D7
B6DEE0
E9DFE1
A7BBBF
569599

Achromatopsia

B9B9B9
DADADA
F0F0F0
CACACA
999999

Shades & Tints Shades & Tints

#6ADCD2

Dark
Light

#B3F0D1

Dark
Light

#E8FCC9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6adcd2;
  --color-2: #b3f0d1;
  --color-3: #e8fcc9;
  --color-4: #a4e79a;
  --color-5: #50c670;
}

SCSS

$color-1: #6adcd2;
$color-2: #b3f0d1;
$color-3: #e8fcc9;
$color-4: #a4e79a;
$color-5: #50c670;

TAILWIND

colors: {
  'brand-1': '#6adcd2',
  'brand-2': '#b3f0d1',
  'brand-3': '#e8fcc9',
  'brand-4': '#a4e79a',
  'brand-5': '#50c670',
}

RGB Array

[106, 220, 210], [179, 240, 209], [232, 252, 201], [164, 231, 154], [80, 198, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6ADCD2, #B3F0D1, #E8FCC9, #A4E79A, #50C670 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: #6adcd2; --color-2: #b3f0d1; --color-3: #e8fcc9; --color-4: #a4e79a; --color-5: #50c670. 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