← Back to Editor

#FDCADD · #D6B0BD · #C1889B · #9C8387 · #736064

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FDCADD

Rouge · Pink · Cherry Blossom

HEX
#FDCADD
RGB
rgb(253, 202, 221)
HSL
hsl(338, 93%, 89%)
HSB
hsb(338, 20%, 99%)
CMYK
cmyk(0%, 20%, 13%, 1%)
Oklch
oklch(88.9% 0.062 354.2)

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

#D6B0BD

Rouge · Silver · Cherry Blossom

HEX
#D6B0BD
RGB
rgb(214, 176, 189)
HSL
hsl(339, 32%, 76%)
HSB
hsb(339, 18%, 84%)
CMYK
cmyk(0%, 18%, 12%, 16%)
Oklch
oklch(79.5% 0.047 355.7)

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

#C1889B

Rouge · DarkGray · Rose Pink

HEX
#C1889B
RGB
rgb(193, 136, 155)
HSL
hsl(340, 31%, 65%)
HSB
hsb(340, 30%, 76%)
CMYK
cmyk(0%, 30%, 20%, 24%)
Oklch
oklch(68.9% 0.074 357.5)

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

#9C8387

Crimson · Gray · Passion Red

HEX
#9C8387
RGB
rgb(156, 131, 135)
HSL
hsl(350, 11%, 56%)
HSB
hsb(350, 16%, 61%)
CMYK
cmyk(0%, 16%, 13%, 39%)
Oklch
oklch(63.4% 0.031 7.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#736064

Crimson · DimGray · Warm Gray

HEX
#736064
RGB
rgb(115, 96, 100)
HSL
hsl(347, 9%, 41%)
HSB
hsb(347, 17%, 45%)
CMYK
cmyk(0%, 17%, 13%, 55%)
Oklch
oklch(50.9% 0.025 3.8)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDCADD
C9FDEA

Analogous

FDC9F6
FDCADD
FDD0C9

Triadic

FDCADD
DCFDC9
C9DCFD

Split-Comp.

FDCADD
C9FDD0
C9F6FD

Tetradic

FDCADD
F6FDC9
C9FDEA
D0C9FD

Contrast Matrix WCAG 2.1 Contrast

FDCADD
D6B0BD
C1889B
9C8387
736064
—
1.4
Fail
2.0
Fail
2.4
Fail
4.1
AA Large
1.4
Fail
—
1.5
Fail
1.8
Fail
3.0
AA Large
2.0
Fail
1.5
Fail
—
1.2
Fail
2.0
Fail
2.4
Fail
1.8
Fail
1.2
Fail
—
1.7
Fail
4.1
AA Large
3.0
AA Large
2.0
Fail
1.7
Fail
—
White BG
1.4Fail
1.9Fail
2.9Fail
3.5AA Large
5.9AA
Black BG
14.7AAA
10.8AAA
7.3AAA
6.0AA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E6D8
C6C5BA
A8A896
919186
6B6B63

Deuteranopia

EAEED7
C8CBB9
ACB095
939586
6C6D63

Tritanopia

FAD5D4
D4B7B7
BE9392
9B8585
726262

Achromatopsia

DBDBDB
BDBDBD
9B9B9B
8B8B8B
666666

Shades & Tints Shades & Tints

#FDCADD

Dark
Light

#D6B0BD

Dark
Light

#C1889B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdcadd;
  --color-2: #d6b0bd;
  --color-3: #c1889b;
  --color-4: #9c8387;
  --color-5: #736064;
}

SCSS

$color-1: #fdcadd;
$color-2: #d6b0bd;
$color-3: #c1889b;
$color-4: #9c8387;
$color-5: #736064;

TAILWIND

colors: {
  'brand-1': '#fdcadd',
  'brand-2': '#d6b0bd',
  'brand-3': '#c1889b',
  'brand-4': '#9c8387',
  'brand-5': '#736064',
}

RGB Array

[253, 202, 221], [214, 176, 189], [193, 136, 155], [156, 131, 135], [115, 96, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDCADD, #D6B0BD, #C1889B, #9C8387, #736064 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: #fdcadd; --color-2: #d6b0bd; --color-3: #c1889b; --color-4: #9c8387; --color-5: #736064. 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