#FCDBE6 + #FCD4DF + #E5EFEE + #DBC7D2 + #C4CFCB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCDBE6

Rouge · Linen · Cherry Blossom

HEX

#FCDBE6

RGB

rgb(252, 219, 230)

HSL

hsl(340, 85%, 92%)

HSB

hsb(340, 13%, 99%)

CMYK

cmyk(0%, 13%, 9%, 1%)

Oklch

oklch(92.2% 0.039 355.8)

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

#FCD4DF

Rouge · Pink · Cherry Blossom

HEX

#FCD4DF

RGB

rgb(252, 212, 223)

HSL

hsl(344, 87%, 91%)

HSB

hsb(344, 16%, 99%)

CMYK

cmyk(0%, 16%, 12%, 1%)

Oklch

oklch(90.7% 0.047 359.7)

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

#E5EFEE

Jade · Lavender · Glacier Blue

HEX

#E5EFEE

RGB

rgb(229, 239, 238)

HSL

hsl(174, 24%, 92%)

HSB

hsb(174, 4%, 94%)

CMYK

cmyk(4%, 0%, 0%, 6%)

Oklch

oklch(94.4% 0.011 189.8)

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

#DBC7D2

Mauve · LightGray · Cherry Blossom

HEX

#DBC7D2

RGB

rgb(219, 199, 210)

HSL

hsl(327, 22%, 82%)

HSB

hsb(327, 9%, 86%)

CMYK

cmyk(0%, 9%, 4%, 14%)

Oklch

oklch(84.9% 0.027 343.4)

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

#C4CFCB

Jade · LightGray · Apple Green

HEX

#C4CFCB

RGB

rgb(196, 207, 203)

HSL

hsl(158, 10%, 79%)

HSB

hsb(158, 5%, 81%)

CMYK

cmyk(5%, 0%, 2%, 19%)

Oklch

oklch(84.5% 0.013 172.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCDBE6

D9FCF0

Analogous

FCD9F6

FCDBE6

FCDFD9

Triadic

FCDBE6

E5FCD9

D9E5FC

Split-Comp.

FCDBE6

D9FCDF

D9F6FC

Tetradic

FCDBE6

F6FCD9

D9FCF0

DFD9FC

Contrast Matrix WCAG 2.1 Contrast

FCDBE6	FCD4DF	E5EFEE	DBC7D2	C4CFCB
—	1.1 Fail	1.1 Fail	1.3 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.1 Fail	1.1 Fail	—	1.4 Fail	1.4 Fail
1.3 Fail	1.2 Fail	1.4 Fail	—	1.0 Fail
1.2 Fail	1.2 Fail	1.4 Fail	1.0 Fail	—

White BG

1.3Fail

1.2Fail

1.6Fail

Black BG

16.4AAA

15.6AAA

17.9AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEDE3

EBEADC

E9E9EE

D2D2CF

C9C9CC

Deuteranopia

F0F2E3

EDF0DC

E9E8EE

D4D5CF

C8C7CC

Tritanopia

FAE1E1

FADADA

E5EEEE

DACDCD

C5CDCD

Achromatopsia

E6E6E6

E1E1E1

ECECEC

CECECE

CBCBCB

Shades & Tints Shades & Tints

#FCDBE6

Dark

Light

#FCD4DF

Dark

Light

#E5EFEE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcdbe6;
  --color-2: #fcd4df;
  --color-3: #e5efee;
  --color-4: #dbc7d2;
  --color-5: #c4cfcb;
}

SCSS

$color-1: #fcdbe6;
$color-2: #fcd4df;
$color-3: #e5efee;
$color-4: #dbc7d2;
$color-5: #c4cfcb;

TAILWIND

colors: {
  'brand-1': '#fcdbe6',
  'brand-2': '#fcd4df',
  'brand-3': '#e5efee',
  'brand-4': '#dbc7d2',
  'brand-5': '#c4cfcb',
}

RGB Array

[252, 219, 230], [252, 212, 223], [229, 239, 238], [219, 199, 210], [196, 207, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCDBE6, #FCD4DF, #E5EFEE, #DBC7D2, #C4CFCB is ideal for: health products, baby brands, fresh-style blogs. 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: #fcdbe6; --color-2: #fcd4df; --color-3: #e5efee; --color-4: #dbc7d2; --color-5: #c4cfcb. 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 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