← Back to Editor

#D2F6CA · #FDC7BD · #97C6B6 · #6EC3B0 · #39AEB5

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

#D2F6CA

Emerald · LightGray · Mint Green

HEX
#D2F6CA
RGB
rgb(210, 246, 202)
HSL
hsl(109, 71%, 88%)
HSB
hsb(109, 18%, 96%)
CMYK
cmyk(15%, 0%, 18%, 4%)
Oklch
oklch(93.6% 0.069 140.0)

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

#FDC7BD

Peach Pink · Pink · Cherry Blossom

HEX
#FDC7BD
RGB
rgb(253, 199, 189)
HSL
hsl(9, 94%, 87%)
HSB
hsb(9, 25%, 99%)
CMYK
cmyk(0%, 21%, 25%, 1%)
Oklch
oklch(87.5% 0.064 30.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#97C6B6

Jade · DarkGray · Lake Green

HEX
#97C6B6
RGB
rgb(151, 198, 182)
HSL
hsl(160, 29%, 68%)
HSB
hsb(160, 24%, 78%)
CMYK
cmyk(24%, 0%, 8%, 22%)
Oklch
oklch(78.9% 0.055 172.0)

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

#6EC3B0

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#6EC3B0
RGB
rgb(110, 195, 176)
HSL
hsl(167, 41%, 60%)
HSB
hsb(167, 44%, 76%)
CMYK
cmyk(44%, 0%, 10%, 24%)
Oklch
oklch(75.8% 0.088 177.7)

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

#39AEB5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#39AEB5
RGB
rgb(57, 174, 181)
HSL
hsl(183, 52%, 47%)
HSB
hsb(183, 69%, 71%)
CMYK
cmyk(69%, 4%, 0%, 29%)
Oklch
oklch(69.0% 0.102 200.9)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2F6CA
EECBF6

Analogous

E8F6CB
D2F6CA
CBF6D8

Triadic

D2F6CA
CBD3F6
F6CBD3

Split-Comp.

D2F6CA
D8CBF6
F6CBE8

Tetradic

D2F6CA
CBE8F6
EECBF6
F6D8CB

Contrast Matrix WCAG 2.1 Contrast

D2F6CA
FDC7BD
97C6B6
6EC3B0
39AEB5
—
1.3
Fail
1.6
Fail
1.8
Fail
2.3
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.4
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
1.3
Fail
2.3
Fail
1.8
Fail
1.4
Fail
1.3
Fail
—
White BG
1.2Fail
1.5Fail
1.9Fail
2.1Fail
2.7Fail
Black BG
17.8AAA
14.1AAA
11.1AAA
10.1AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2D5
E6E5BF
ABACBA
9394B5
6C6DB3

Deuteranopia

E0DDD7
E9EDC0
A9A5BB
8E88B6
655CB3

Tritanopia

D4DDDF
FAC1C2
99BDBE
72B8B9
3FB2B2

Achromatopsia

E6E6E6
D6D6D6
B6B6B6
A7A7A7
8C8C8C

Shades & Tints Shades & Tints

#D2F6CA

Dark
Light

#FDC7BD

Dark
Light

#97C6B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2f6ca;
  --color-2: #fdc7bd;
  --color-3: #97c6b6;
  --color-4: #6ec3b0;
  --color-5: #39aeb5;
}

SCSS

$color-1: #d2f6ca;
$color-2: #fdc7bd;
$color-3: #97c6b6;
$color-4: #6ec3b0;
$color-5: #39aeb5;

TAILWIND

colors: {
  'brand-1': '#d2f6ca',
  'brand-2': '#fdc7bd',
  'brand-3': '#97c6b6',
  'brand-4': '#6ec3b0',
  'brand-5': '#39aeb5',
}

RGB Array

[210, 246, 202], [253, 199, 189], [151, 198, 182], [110, 195, 176], [57, 174, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2F6CA, #FDC7BD, #97C6B6, #6EC3B0, #39AEB5 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: #d2f6ca; --color-2: #fdc7bd; --color-3: #97c6b6; --color-4: #6ec3b0; --color-5: #39aeb5. 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