← Back to Editor

#E6F2F0 · #ABD9D6 · #55C2C0 · #AB89A7 · #FF006F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E6F2F0

Jade · Lavender · Glacier Blue

HEX
#E6F2F0
RGB
rgb(230, 242, 240)
HSL
hsl(170, 32%, 93%)
HSB
hsb(170, 5%, 95%)
CMYK
cmyk(5%, 0%, 1%, 5%)
Oklch
oklch(95.2% 0.013 185.1)

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

#ABD9D6

Jade · LightBlue · Glacier Blue

HEX
#ABD9D6
RGB
rgb(171, 217, 214)
HSL
hsl(176, 38%, 76%)
HSB
hsb(176, 21%, 85%)
CMYK
cmyk(21%, 0%, 1%, 15%)
Oklch
oklch(85.2% 0.048 191.3)

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

#55C2C0

Mineral Blue · MediumTurquoise · Lake Green

HEX
#55C2C0
RGB
rgb(85, 194, 192)
HSL
hsl(179, 47%, 55%)
HSB
hsb(179, 56%, 76%)
CMYK
cmyk(56%, 0%, 1%, 24%)
Oklch
oklch(75.1% 0.099 193.6)

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

#AB89A7

Rose Purple · DarkGray · Violet

HEX
#AB89A7
RGB
rgb(171, 137, 167)
HSL
hsl(307, 17%, 60%)
HSB
hsb(307, 20%, 67%)
CMYK
cmyk(0%, 20%, 2%, 33%)
Oklch
oklch(67.2% 0.059 330.1)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#FF006F

Dark Violet · DeepPink · Camellia

HEX
#FF006F
RGB
rgb(255, 0, 111)
HSL
hsl(334, 100%, 50%)
HSB
hsb(334, 100%, 100%)
CMYK
cmyk(0%, 100%, 56%, 0%)
Oklch
oklch(64.1% 0.257 7.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6F2F0
F3E7E9

Analogous

E7F3EB
E6F2F0
E7EFF3

Triadic

E6F2F0
F1E7F3
F3F1E7

Split-Comp.

E6F2F0
F3E7EF
F3EBE7

Tetradic

E6F2F0
EBE7F3
F3E7E9
EFF3E7

Contrast Matrix WCAG 2.1 Contrast

E6F2F0
ABD9D6
55C2C0
AB89A7
FF006F
—
1.3
Fail
1.9
Fail
2.7
Fail
3.3
AA Large
1.3
Fail
—
1.4
Fail
2.0
Fail
2.5
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
2.7
Fail
2.0
Fail
1.4
Fail
—
1.3
Fail
3.3
AA Large
2.5
Fail
1.8
Fail
1.3
Fail
—
White BG
1.1Fail
1.5Fail
2.1Fail
3.1AA Large
3.8AA Large
Black BG
18.3AAA
13.6AAA
9.9AAA
6.9AA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBF0
BFBFD7
8485C0
9C9CA0
918E54

Deuteranopia

EBEAF1
BCB9D7
7E76C1
9EA19E
9FB34E

Tritanopia

E7F1F1
ADD7D7
5AC1C1
A99A99
F23F3A

Achromatopsia

EEEEEE
CBCBCB
A1A1A1
979797
595959

Shades & Tints Shades & Tints

#E6F2F0

Dark
Light

#ABD9D6

Dark
Light

#55C2C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6f2f0;
  --color-2: #abd9d6;
  --color-3: #55c2c0;
  --color-4: #ab89a7;
  --color-5: #ff006f;
}

SCSS

$color-1: #e6f2f0;
$color-2: #abd9d6;
$color-3: #55c2c0;
$color-4: #ab89a7;
$color-5: #ff006f;

TAILWIND

colors: {
  'brand-1': '#e6f2f0',
  'brand-2': '#abd9d6',
  'brand-3': '#55c2c0',
  'brand-4': '#ab89a7',
  'brand-5': '#ff006f',
}

RGB Array

[230, 242, 240], [171, 217, 214], [85, 194, 192], [171, 137, 167], [255, 0, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6F2F0, #ABD9D6, #55C2C0, #AB89A7, #FF006F is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e6f2f0; --color-2: #abd9d6; --color-3: #55c2c0; --color-4: #ab89a7; --color-5: #ff006f. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco industries. 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