← Back to Editor

#C8FAD9 · #D4CFC2 · #E0A4AB · #9F808F · #3E4965

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

#C8FAD9

Emerald · LightGray · Mint Green

HEX
#C8FAD9
RGB
rgb(200, 250, 217)
HSL
hsl(140, 83%, 88%)
HSB
hsb(140, 20%, 98%)
CMYK
cmyk(20%, 0%, 13%, 2%)
Oklch
oklch(94.2% 0.068 156.0)

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

#D4CFC2

Goose Yellow · LightGray · Lemon Cream

HEX
#D4CFC2
RGB
rgb(212, 207, 194)
HSL
hsl(43, 17%, 80%)
HSB
hsb(43, 8%, 83%)
CMYK
cmyk(0%, 2%, 8%, 17%)
Oklch
oklch(85.5% 0.019 89.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E0A4AB

Peach Pink · Tan · Coral Red

HEX
#E0A4AB
RGB
rgb(224, 164, 171)
HSL
hsl(353, 49%, 76%)
HSB
hsb(353, 27%, 88%)
CMYK
cmyk(0%, 27%, 24%, 12%)
Oklch
oklch(77.7% 0.072 11.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#9F808F

Dark Violet · Gray · Rose Pink

HEX
#9F808F
RGB
rgb(159, 128, 143)
HSL
hsl(331, 14%, 56%)
HSB
hsb(331, 19%, 62%)
CMYK
cmyk(0%, 19%, 10%, 38%)
Oklch
oklch(63.4% 0.043 347.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#3E4965

Indigo · DarkSlateGray · Prussian Blue

HEX
#3E4965
RGB
rgb(62, 73, 101)
HSL
hsl(223, 24%, 32%)
HSB
hsb(223, 39%, 40%)
CMYK
cmyk(39%, 28%, 0%, 60%)
Oklch
oklch(40.8% 0.049 267.7)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8FAD9
FAC7E9

Analogous

CFFAC7
C8FAD9
C7FAF1

Triadic

C8FAD9
D8C7FA
FAD8C7

Split-Comp.

C8FAD9
F1C7FA
FAC7CF

Tetradic

C8FAD9
C7CFFA
FAC7E9
FAF1C7

Contrast Matrix WCAG 2.1 Contrast

C8FAD9
D4CFC2
E0A4AB
9F808F
3E4965
—
1.3
Fail
1.8
Fail
3.0
AA Large
7.7
AAA
1.3
Fail
—
1.3
Fail
2.3
Fail
5.8
AA
1.8
Fail
1.3
Fail
—
1.7
Fail
4.3
AA Large
3.0
AA Large
2.3
Fail
1.7
Fail
—
2.5
Fail
7.7
AAA
5.8
AA
4.3
AA Large
2.5
Fail
—
White BG
1.2Fail
1.6Fail
2.1Fail
3.5AA Large
9.0AAA
Black BG
18.1AAA
13.5AAA
10.1AAA
6.0AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEE1
D2D2C5
C6C5A9
92918B
43435E

Deuteranopia

DBD7E3
D2D2C6
CACEA9
93968B
42415D

Tritanopia

CBE7E9
D4C8C8
DDA8A8
9D8988
3F5958

Achromatopsia

E7E7E7
CFCFCF
B7B7B7
8B8B8B
494949

Shades & Tints Shades & Tints

#C8FAD9

Dark
Light

#D4CFC2

Dark
Light

#E0A4AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8fad9;
  --color-2: #d4cfc2;
  --color-3: #e0a4ab;
  --color-4: #9f808f;
  --color-5: #3e4965;
}

SCSS

$color-1: #c8fad9;
$color-2: #d4cfc2;
$color-3: #e0a4ab;
$color-4: #9f808f;
$color-5: #3e4965;

TAILWIND

colors: {
  'brand-1': '#c8fad9',
  'brand-2': '#d4cfc2',
  'brand-3': '#e0a4ab',
  'brand-4': '#9f808f',
  'brand-5': '#3e4965',
}

RGB Array

[200, 250, 217], [212, 207, 194], [224, 164, 171], [159, 128, 143], [62, 73, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C8FAD9, #D4CFC2, #E0A4AB, #9F808F, #3E4965 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: #c8fad9; --color-2: #d4cfc2; --color-3: #e0a4ab; --color-4: #9f808f; --color-5: #3e4965. 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