← Back to Editor

#D6FFEF · #70FFCF · #42F9FF · #42D3FF · #6F9FAD

cool

A 5-color cool 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

#D6FFEF

Jade · Lavender · Mint Green

HEX
#D6FFEF
RGB
rgb(214, 255, 239)
HSL
hsl(157, 100%, 92%)
HSB
hsb(157, 16%, 100%)
CMYK
cmyk(16%, 0%, 6%, 0%)
Oklch
oklch(96.7% 0.047 169.7)

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

#70FFCF

Jade · Turquoise · Lake Green

HEX
#70FFCF
RGB
rgb(112, 255, 207)
HSL
hsl(160, 100%, 72%)
HSB
hsb(160, 56%, 100%)
CMYK
cmyk(56%, 0%, 19%, 0%)
Oklch
oklch(90.8% 0.142 168.2)

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

#42F9FF

Sky Blue · Turquoise · Lake Green

HEX
#42F9FF
RGB
rgb(66, 249, 255)
HSL
hsl(182, 100%, 63%)
HSB
hsb(182, 74%, 100%)
CMYK
cmyk(74%, 2%, 0%, 0%)
Oklch
oklch(89.7% 0.140 198.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#42D3FF

Sky Blue · Turquoise · Lake Green

HEX
#42D3FF
RGB
rgb(66, 211, 255)
HSL
hsl(194, 100%, 63%)
HSB
hsb(194, 74%, 100%)
CMYK
cmyk(74%, 17%, 0%, 0%)
Oklch
oklch(80.9% 0.134 222.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#6F9FAD

Slate Blue · CadetBlue · Lake Green

HEX
#6F9FAD
RGB
rgb(111, 159, 173)
HSL
hsl(194, 27%, 56%)
HSB
hsb(194, 36%, 68%)
CMYK
cmyk(36%, 8%, 0%, 32%)
Oklch
oklch(67.3% 0.055 217.9)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6FFEF
FFD6E6

Analogous

D6FFDB
D6FFEF
D6FAFF

Triadic

D6FFEF
EFD6FF
FFEFD6

Split-Comp.

D6FFEF
FFD6FA
FFDBD6

Tetradic

D6FFEF
DBD6FF
FFD6E6
FAFFD6

Contrast Matrix WCAG 2.1 Contrast

D6FFEF
70FFCF
42F9FF
42D3FF
6F9FAD
—
1.1
Fail
1.2
Fail
1.6
Fail
2.7
Fail
1.1
Fail
—
1.0
Fail
1.4
Fail
2.3
Fail
1.2
Fail
1.0
Fail
—
1.4
Fail
2.2
Fail
1.6
Fail
1.4
Fail
1.4
Fail
—
1.7
Fail
2.7
Fail
2.3
Fail
2.2
Fail
1.7
Fail
—
White BG
1.1Fail
1.2Fail
1.3Fail
1.8Fail
2.9Fail
Black BG
19.4AAA
16.9AAA
16.2AAA
12.0AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8F3
AEAFDB
9193FE
8182F4
8484AA

Deuteranopia

E5E2F4
A69BDD
8779FD
786EF2
817DA9

Tritanopia

D8F6F7
77E4E6
4BFCFC
49ECEA
71A7A6

Achromatopsia

F1F1F1
CFCFCF
C3C3C3
ADADAD
929292

Shades & Tints Shades & Tints

#D6FFEF

Dark
Light

#70FFCF

Dark
Light

#42F9FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6ffef;
  --color-2: #70ffcf;
  --color-3: #42f9ff;
  --color-4: #42d3ff;
  --color-5: #6f9fad;
}

SCSS

$color-1: #d6ffef;
$color-2: #70ffcf;
$color-3: #42f9ff;
$color-4: #42d3ff;
$color-5: #6f9fad;

TAILWIND

colors: {
  'brand-1': '#d6ffef',
  'brand-2': '#70ffcf',
  'brand-3': '#42f9ff',
  'brand-4': '#42d3ff',
  'brand-5': '#6f9fad',
}

RGB Array

[214, 255, 239], [112, 255, 207], [66, 249, 255], [66, 211, 255], [111, 159, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #D6FFEF, #70FFCF, #42F9FF, #42D3FF, #6F9FAD 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: #d6ffef; --color-2: #70ffcf; --color-3: #42f9ff; --color-4: #42d3ff; --color-5: #6f9fad. 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 cool-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