#E3DADB + #E9B3CB + #E88CCF + #CB5B95 + #B593A3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E3DADB

Peach Pink · LightGray · Cherry Blossom

HEX

#E3DADB

RGB

rgb(227, 218, 219)

HSL

hsl(353, 14%, 87%)

HSB

hsb(353, 4%, 89%)

CMYK

cmyk(0%, 4%, 4%, 11%)

Oklch

oklch(89.6% 0.010 9.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E9B3CB

Rouge · LightPink · Cherry Blossom

HEX

#E9B3CB

RGB

rgb(233, 179, 203)

HSL

hsl(333, 55%, 81%)

HSB

hsb(333, 23%, 91%)

CMYK

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

Oklch

oklch(82.3% 0.070 350.3)

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

#E88CCF

Mauve · Orchid · Lilac Purple

HEX

#E88CCF

RGB

rgb(232, 140, 207)

HSL

hsl(316, 67%, 73%)

HSB

hsb(316, 40%, 91%)

CMYK

cmyk(0%, 40%, 11%, 9%)

Oklch

oklch(75.7% 0.139 337.7)

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

#CB5B95

Rose Purple · LightCoral · Rose Pink

HEX

#CB5B95

RGB

rgb(203, 91, 149)

HSL

hsl(329, 52%, 58%)

HSB

hsb(329, 55%, 80%)

CMYK

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

Oklch

oklch(62.7% 0.156 350.3)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#B593A3

Rouge · DarkGray · Rose Pink

HEX

#B593A3

RGB

rgb(181, 147, 163)

HSL

hsl(332, 19%, 64%)

HSB

hsb(332, 19%, 71%)

CMYK

cmyk(0%, 19%, 10%, 29%)

Oklch

oklch(69.9% 0.046 348.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3DADB

D9E2E1

Analogous

E2D9DF

E3DADB

E2DDD9

Triadic

E3DADB

DAE2D9

D9DAE2

Split-Comp.

E3DADB

D9E2DD

D9DFE2

Tetradic

E3DADB

DFE2D9

D9E2E1

DDD9E2

Contrast Matrix WCAG 2.1 Contrast

E3DADB	E9B3CB	E88CCF	CB5B95	B593A3
—	1.3 Fail	1.7 Fail	2.8 Fail	2.0 Fail
1.3 Fail	—	1.3 Fail	2.2 Fail	1.5 Fail
1.7 Fail	1.3 Fail	—	1.7 Fail	1.2 Fail
2.8 Fail	2.2 Fail	1.7 Fail	—	1.4 Fail
2.0 Fail	1.5 Fail	1.2 Fail	1.4 Fail	—

White BG

1.4Fail

1.8Fail

2.3Fail

3.8AA Large

2.7Fail

Black BG

15.3AAA

11.8AAA

9.1AAA

5.5AA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFDB

D2D1C5

C0BFBF

9B9987

A6A69F

Deuteranopia

E0E0DB

D5D9C4

C6CCBB

A1A984

A8AB9E

Tritanopia

E3DBDB

E6C1C0

E3B2AF

C57C79

B39C9B

Achromatopsia

DDDDDD

C6C6C6

AFAFAF

838383

9F9F9F

Shades & Tints Shades & Tints

#E3DADB

Dark

Light

#E9B3CB

Dark

Light

#E88CCF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3dadb;
  --color-2: #e9b3cb;
  --color-3: #e88ccf;
  --color-4: #cb5b95;
  --color-5: #b593a3;
}

SCSS

$color-1: #e3dadb;
$color-2: #e9b3cb;
$color-3: #e88ccf;
$color-4: #cb5b95;
$color-5: #b593a3;

TAILWIND

colors: {
  'brand-1': '#e3dadb',
  'brand-2': '#e9b3cb',
  'brand-3': '#e88ccf',
  'brand-4': '#cb5b95',
  'brand-5': '#b593a3',
}

RGB Array

[227, 218, 219], [233, 179, 203], [232, 140, 207], [203, 91, 149], [181, 147, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3DADB, #E9B3CB, #E88CCF, #CB5B95, #B593A3 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: #e3dadb; --color-2: #e9b3cb; --color-3: #e88ccf; --color-4: #cb5b95; --color-5: #b593a3. 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