← Back to Editor

#FAC5D7 · #EBA3B7 · #CB7787 · #B95078 · #663F51

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FAC5D7

Rouge · Pink · Cherry Blossom

HEX
#FAC5D7
RGB
rgb(250, 197, 215)
HSL
hsl(340, 84%, 88%)
HSB
hsb(340, 21%, 98%)
CMYK
cmyk(0%, 21%, 14%, 2%)
Oklch
oklch(87.5% 0.064 356.2)

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

#EBA3B7

Rouge · LightPink · Cherry Blossom

HEX
#EBA3B7
RGB
rgb(235, 163, 183)
HSL
hsl(343, 64%, 78%)
HSB
hsb(343, 31%, 92%)
CMYK
cmyk(0%, 31%, 22%, 8%)
Oklch
oklch(79.0% 0.089 1.1)

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

#CB7787

Peach Pink · LightCoral · Coral Red

HEX
#CB7787
RGB
rgb(203, 119, 135)
HSL
hsl(349, 45%, 63%)
HSB
hsb(349, 41%, 80%)
CMYK
cmyk(0%, 41%, 33%, 20%)
Oklch
oklch(66.5% 0.106 8.1)

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

#B95078

Dark Violet · MediumVioletRed · Rose Pink

HEX
#B95078
RGB
rgb(185, 80, 120)
HSL
hsl(337, 43%, 52%)
HSB
hsb(337, 57%, 73%)
CMYK
cmyk(0%, 57%, 35%, 27%)
Oklch
oklch(57.7% 0.142 358.6)

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

#663F51

Dark Violet · DimGray · Camellia

HEX
#663F51
RGB
rgb(102, 63, 81)
HSL
hsl(332, 24%, 32%)
HSB
hsb(332, 38%, 40%)
CMYK
cmyk(0%, 38%, 21%, 60%)
Oklch
oklch(41.9% 0.060 350.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAC5D7
C7FAE9

Analogous

FAC7F2
FAC5D7
FACFC7

Triadic

FAC5D7
D8FAC7
C7D8FA

Split-Comp.

FAC5D7
C7FACF
C7F2FA

Tetradic

FAC5D7
F2FAC7
C7FAE9
CFC7FA

Contrast Matrix WCAG 2.1 Contrast

FAC5D7
EBA3B7
CB7787
B95078
663F51
—
1.3
Fail
2.1
Fail
3.1
AA Large
5.9
AA
1.3
Fail
—
1.6
Fail
2.3
Fail
4.4
AA Large
2.1
Fail
1.6
Fail
—
1.5
Fail
2.7
Fail
3.1
AA Large
2.3
Fail
1.5
Fail
—
1.9
Fail
5.9
AA
4.4
AA Large
2.7
Fail
1.9
Fail
—
White BG
1.5Fail
2.0Fail
3.2AA Large
4.7AA
8.8AAA
Black BG
14.0AAA
10.5AAA
6.5AA
4.5AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3D3
CCCBB2
A7A683
8C8B6E
55554D

Deuteranopia

E6EAD2
D0D5B1
ACB282
929A6C
575A4C

Tritanopia

F7CFCE
E7AEAE
C7807F
B46765
644948

Achromatopsia

D7D7D7
BBBBBB
929292
747474
4D4D4D

Shades & Tints Shades & Tints

#FAC5D7

Dark
Light

#EBA3B7

Dark
Light

#CB7787

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fac5d7;
  --color-2: #eba3b7;
  --color-3: #cb7787;
  --color-4: #b95078;
  --color-5: #663f51;
}

SCSS

$color-1: #fac5d7;
$color-2: #eba3b7;
$color-3: #cb7787;
$color-4: #b95078;
$color-5: #663f51;

TAILWIND

colors: {
  'brand-1': '#fac5d7',
  'brand-2': '#eba3b7',
  'brand-3': '#cb7787',
  'brand-4': '#b95078',
  'brand-5': '#663f51',
}

RGB Array

[250, 197, 215], [235, 163, 183], [203, 119, 135], [185, 80, 120], [102, 63, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAC5D7, #EBA3B7, #CB7787, #B95078, #663F51 is ideal for: 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: #fac5d7; --color-2: #eba3b7; --color-3: #cb7787; --color-4: #b95078; --color-5: #663f51. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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