#FFC9C9 + #D89FCD + #AC95CC + #8888A6 + #71788F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFC9C9

Peach Pink · Pink · Cherry Blossom

HEX

#FFC9C9

RGB

rgb(255, 201, 201)

HSL

hsl(0, 100%, 89%)

HSB

hsb(0, 21%, 100%)

CMYK

cmyk(0%, 21%, 21%, 0%)

Oklch

oklch(88.3% 0.062 18.4)

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

#D89FCD

Mauve · Silver · Lilac Purple

HEX

#D89FCD

RGB

rgb(216, 159, 205)

HSL

hsl(312, 42%, 74%)

HSB

hsb(312, 26%, 85%)

CMYK

cmyk(0%, 26%, 5%, 15%)

Oklch

oklch(77.1% 0.091 333.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#AC95CC

Wisteria · DarkGray · Lilac Purple

HEX

#AC95CC

RGB

rgb(172, 149, 204)

HSL

hsl(265, 35%, 69%)

HSB

hsb(265, 27%, 80%)

CMYK

cmyk(16%, 27%, 0%, 20%)

Oklch

oklch(71.0% 0.082 303.5)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#8888A6

Deep Indigo · LightSlateGray · Navy Blue

HEX

#8888A6

RGB

rgb(136, 136, 166)

HSL

hsl(240, 14%, 59%)

HSB

hsb(240, 18%, 65%)

CMYK

cmyk(18%, 18%, 0%, 35%)

Oklch

oklch(63.7% 0.045 285.1)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#71788F

Indigo · SlateGray · Navy Blue

HEX

#71788F

RGB

rgb(113, 120, 143)

HSL

hsl(226, 12%, 50%)

HSB

hsb(226, 21%, 56%)

CMYK

cmyk(21%, 16%, 0%, 44%)

Oklch

oklch(57.5% 0.036 271.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC9C9

C7FFFF

Analogous

FFC7E3

FFC9C9

FFE3C7

Triadic

FFC9C9

C7FFC7

C7C7FF

Split-Comp.

FFC9C9

C7FFE3

C7E3FF

Tetradic

FFC9C9

E3FFC7

C7FFFF

E3C7FF

Contrast Matrix WCAG 2.1 Contrast

FFC9C9	D89FCD	AC95CC	8888A6	71788F
—	1.5 Fail	1.8 Fail	2.4 Fail	3.0 AA Large
1.5 Fail	—	1.2 Fail	1.6 Fail	2.0 Fail
1.8 Fail	1.2 Fail	—	1.3 Fail	1.7 Fail
2.4 Fail	1.6 Fail	1.3 Fail	—	1.3 Fail
3.0 AA Large	2.0 Fail	1.7 Fail	1.3 Fail	—

White BG

1.5Fail

2.2Fail

2.6Fail

3.4AA Large

4.4AA Large

Black BG

14.5AAA

9.8AAA

7.9AAA

6.1AA

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7C9

BFBFC2

A2A2BF

88889F

747489

Deuteranopia

EBEFC9

C3C7BF

A3A5BB

88889D

747388

Tritanopia

FCC9C9

D5B9B7

ABB4B2

889998

718584

Achromatopsia

D9D9D9

B5B5B5

A2A2A2

8B8B8B

797979

Shades & Tints Shades & Tints

#FFC9C9

Dark

Light

#D89FCD

Dark

Light

#AC95CC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc9c9;
  --color-2: #d89fcd;
  --color-3: #ac95cc;
  --color-4: #8888a6;
  --color-5: #71788f;
}

SCSS

$color-1: #ffc9c9;
$color-2: #d89fcd;
$color-3: #ac95cc;
$color-4: #8888a6;
$color-5: #71788f;

TAILWIND

colors: {
  'brand-1': '#ffc9c9',
  'brand-2': '#d89fcd',
  'brand-3': '#ac95cc',
  'brand-4': '#8888a6',
  'brand-5': '#71788f',
}

RGB Array

[255, 201, 201], [216, 159, 205], [172, 149, 204], [136, 136, 166], [113, 120, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFC9C9, #D89FCD, #AC95CC, #8888A6, #71788F 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: #ffc9c9; --color-2: #d89fcd; --color-3: #ac95cc; --color-4: #8888a6; --color-5: #71788f. 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