← Back to Editor

#66BAB2 · #7DD1C9 · #B8E6DC · #FFE6F0 · #EBE6FF

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

#66BAB2

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#66BAB2
RGB
rgb(102, 186, 178)
HSL
hsl(174, 38%, 56%)
HSB
hsb(174, 45%, 73%)
CMYK
cmyk(45%, 0%, 4%, 27%)
Oklch
oklch(73.4% 0.083 187.6)

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

#7DD1C9

Jade · SkyBlue · Lake Green

HEX
#7DD1C9
RGB
rgb(125, 209, 201)
HSL
hsl(174, 48%, 65%)
HSB
hsb(174, 40%, 82%)
CMYK
cmyk(40%, 0%, 4%, 18%)
Oklch
oklch(80.5% 0.083 187.9)

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

#B8E6DC

Jade · LightBlue · Glacier Blue

HEX
#B8E6DC
RGB
rgb(184, 230, 220)
HSL
hsl(167, 48%, 81%)
HSB
hsb(167, 20%, 90%)
CMYK
cmyk(20%, 0%, 4%, 10%)
Oklch
oklch(89.0% 0.049 180.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#FFE6F0

Rouge · Linen · Cherry Blossom

HEX
#FFE6F0
RGB
rgb(255, 230, 240)
HSL
hsl(336, 100%, 95%)
HSB
hsb(336, 10%, 100%)
CMYK
cmyk(0%, 10%, 6%, 0%)
Oklch
oklch(94.8% 0.030 351.5)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EBE6FF

Wisteria · Lavender · Sky Blue

HEX
#EBE6FF
RGB
rgb(235, 230, 255)
HSL
hsl(252, 100%, 95%)
HSB
hsb(252, 10%, 100%)
CMYK
cmyk(8%, 10%, 0%, 0%)
Oklch
oklch(93.6% 0.034 294.9)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

66BAB2
B9646D

Analogous

64B986
66BAB2
6497B9

Triadic

66BAB2
B164B9
B9B164

Split-Comp.

66BAB2
B96497
B98664

Tetradic

66BAB2
8664B9
B9646D
97B964

Contrast Matrix WCAG 2.1 Contrast

66BAB2
7DD1C9
B8E6DC
FFE6F0
EBE6FF
—
1.3
Fail
1.7
Fail
1.9
Fail
1.9
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.5
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.0
Fail
1.9
Fail
1.5
Fail
1.1
Fail
1.0
Fail
—
White BG
2.3Fail
1.8Fail
1.4Fail
1.2Fail
1.2Fail
Black BG
9.2AAA
11.8AAA
15.4AAA
17.8AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8BB4
A1A2CB
CCCCDE
F4F4EE
E9E9F9

Deuteranopia

867FB4
9D96CB
C9C6DF
F6F8ED
E9EAF8

Tritanopia

6AB5B6
81CCCD
BAE0E1
FEECEB
EBF4F3

Achromatopsia

A0A0A0
B7B7B7
D7D7D7
EFEFEF
EAEAEA

Shades & Tints Shades & Tints

#66BAB2

Dark
Light

#7DD1C9

Dark
Light

#B8E6DC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #66bab2;
  --color-2: #7dd1c9;
  --color-3: #b8e6dc;
  --color-4: #ffe6f0;
  --color-5: #ebe6ff;
}

SCSS

$color-1: #66bab2;
$color-2: #7dd1c9;
$color-3: #b8e6dc;
$color-4: #ffe6f0;
$color-5: #ebe6ff;

TAILWIND

colors: {
  'brand-1': '#66bab2',
  'brand-2': '#7dd1c9',
  'brand-3': '#b8e6dc',
  'brand-4': '#ffe6f0',
  'brand-5': '#ebe6ff',
}

RGB Array

[102, 186, 178], [125, 209, 201], [184, 230, 220], [255, 230, 240], [235, 230, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #66BAB2, #7DD1C9, #B8E6DC, #FFE6F0, #EBE6FF 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: #66bab2; --color-2: #7dd1c9; --color-3: #b8e6dc; --color-4: #ffe6f0; --color-5: #ebe6ff. 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