← Back to Editor

#C9D4D3 · #B3CDB1 · #DBCCD3 · #CFB4C1 · #E695BC

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

WorkspaceReading

Color Details Color Details

#C9D4D3

Jade · LightGray · Glacier Blue

HEX
#C9D4D3
RGB
rgb(201, 212, 211)
HSL
hsl(175, 11%, 81%)
HSB
hsb(175, 5%, 83%)
CMYK
cmyk(5%, 0%, 0%, 17%)
Oklch
oklch(86.1% 0.012 190.4)

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

#B3CDB1

Celadon · Silver · Apple Green

HEX
#B3CDB1
RGB
rgb(179, 205, 177)
HSL
hsl(116, 22%, 75%)
HSB
hsb(116, 14%, 80%)
CMYK
cmyk(13%, 0%, 14%, 20%)
Oklch
oklch(82.1% 0.048 143.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#DBCCD3

Rouge · LightGray · Cherry Blossom

HEX
#DBCCD3
RGB
rgb(219, 204, 211)
HSL
hsl(332, 17%, 83%)
HSB
hsb(332, 7%, 86%)
CMYK
cmyk(0%, 7%, 4%, 14%)
Oklch
oklch(85.9% 0.019 347.5)

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

#CFB4C1

Rouge · Silver · Cherry Blossom

HEX
#CFB4C1
RGB
rgb(207, 180, 193)
HSL
hsl(331, 22%, 76%)
HSB
hsb(331, 13%, 81%)
CMYK
cmyk(0%, 13%, 7%, 19%)
Oklch
oklch(79.7% 0.035 347.3)

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

#E695BC

Rouge · LightPink · Rose Pink

HEX
#E695BC
RGB
rgb(230, 149, 188)
HSL
hsl(331, 62%, 74%)
HSB
hsb(331, 35%, 90%)
CMYK
cmyk(0%, 35%, 18%, 10%)
Oklch
oklch(76.3% 0.108 349.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9D4D3
D4C9CA

Analogous

C9D4CE
C9D4D3
C9CFD4

Triadic

C9D4D3
D3C9D4
D4D3C9

Split-Comp.

C9D4D3
D4C9CF
D4CEC9

Tetradic

C9D4D3
CEC9D4
D4C9CA
CFD4C9

Contrast Matrix WCAG 2.1 Contrast

C9D4D3
B3CDB1
DBCCD3
CFB4C1
E695BC
—
1.1
Fail
1.0
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.3
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.3
Fail
1.4
Fail
1.2
Fail
—
White BG
1.5Fail
1.7Fail
1.5Fail
1.9Fail
2.2Fail
Black BG
13.8AAA
12.3AAA
13.6AAA
11.0AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECED3
BEBEB8
D5D4D1
C3C3BE
C3C2B3

Deuteranopia

CDCCD3
BDBBB9
D5D6D1
C5C7BD
C8CEB0

Tritanopia

CAD3D3
B4BDBE
DAD0D0
CEBBBB
E2ABA9

Achromatopsia

D1D1D1
C2C2C2
D1D1D1
BEBEBE
B2B2B2

Shades & Tints Shades & Tints

#C9D4D3

Dark
Light

#B3CDB1

Dark
Light

#DBCCD3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9d4d3;
  --color-2: #b3cdb1;
  --color-3: #dbccd3;
  --color-4: #cfb4c1;
  --color-5: #e695bc;
}

SCSS

$color-1: #c9d4d3;
$color-2: #b3cdb1;
$color-3: #dbccd3;
$color-4: #cfb4c1;
$color-5: #e695bc;

TAILWIND

colors: {
  'brand-1': '#c9d4d3',
  'brand-2': '#b3cdb1',
  'brand-3': '#dbccd3',
  'brand-4': '#cfb4c1',
  'brand-5': '#e695bc',
}

RGB Array

[201, 212, 211], [179, 205, 177], [219, 204, 211], [207, 180, 193], [230, 149, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9D4D3, #B3CDB1, #DBCCD3, #CFB4C1, #E695BC is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c9d4d3; --color-2: #b3cdb1; --color-3: #dbccd3; --color-4: #cfb4c1; --color-5: #e695bc. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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