← Back to Editor

#EBCDD5 · #E3B2C8 · #D48CB2 · #CA6AAA · #65557C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#EBCDD5

Rouge · LightGray · Cherry Blossom

HEX
#EBCDD5
RGB
rgb(235, 205, 213)
HSL
hsl(344, 43%, 86%)
HSB
hsb(344, 13%, 92%)
CMYK
cmyk(0%, 13%, 9%, 8%)
Oklch
oklch(87.6% 0.035 359.9)

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

#E3B2C8

Rouge · LightPink · Cherry Blossom

HEX
#E3B2C8
RGB
rgb(227, 178, 200)
HSL
hsl(333, 47%, 79%)
HSB
hsb(333, 22%, 89%)
CMYK
cmyk(0%, 22%, 12%, 11%)
Oklch
oklch(81.4% 0.063 349.9)

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

#D48CB2

Mauve · Orchid · Rose Pink

HEX
#D48CB2
RGB
rgb(212, 140, 178)
HSL
hsl(328, 46%, 69%)
HSB
hsb(328, 34%, 83%)
CMYK
cmyk(0%, 34%, 16%, 17%)
Oklch
oklch(72.4% 0.100 347.0)

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

#CA6AAA

Rose Purple · Orchid · Rose Pink

HEX
#CA6AAA
RGB
rgb(202, 106, 170)
HSL
hsl(320, 48%, 60%)
HSB
hsb(320, 48%, 79%)
CMYK
cmyk(0%, 48%, 16%, 21%)
Oklch
oklch(65.5% 0.144 341.4)

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

#65557C

Deep Indigo · DimGray · Violet

HEX
#65557C
RGB
rgb(101, 85, 124)
HSL
hsl(265, 19%, 41%)
HSB
hsb(265, 31%, 49%)
CMYK
cmyk(19%, 31%, 0%, 51%)
Oklch
oklch(48.1% 0.064 302.9)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBCDD5
CCEBE2

Analogous

EBCCE3
EBCDD5
EBD3CC

Triadic

EBCDD5
D4EBCC
CCD4EB

Split-Comp.

EBCDD5
CCEBD3
CCE3EB

Tetradic

EBCDD5
E3EBCC
CCEBE2
D3CCEB

Contrast Matrix WCAG 2.1 Contrast

EBCDD5
E3B2C8
D48CB2
CA6AAA
65557C
—
1.2
Fail
1.7
Fail
2.3
Fail
4.5
AA
1.2
Fail
—
1.4
Fail
1.9
Fail
3.6
AA Large
1.7
Fail
1.4
Fail
—
1.3
Fail
2.6
Fail
2.3
Fail
1.9
Fail
1.3
Fail
—
2.0
Fail
4.5
AA
3.6
AA Large
2.6
Fail
2.0
Fail
—
White BG
1.5Fail
1.8Fail
2.6Fail
3.4AA Large
6.7AA
Black BG
14.2AAA
11.5AAA
8.2AAA
6.2AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDED3
CECDC3
B5B4A9
A0A09B
5E5E73

Deuteranopia

E0E2D3
D1D4C1
B9BEA7
A6AD97
5F6070

Tritanopia

EAD2D1
E1BEBE
D0A2A0
C58E8C
646B69

Achromatopsia

D7D7D7
C3C3C3
A6A6A6
8E8E8E
5E5E5E

Shades & Tints Shades & Tints

#EBCDD5

Dark
Light

#E3B2C8

Dark
Light

#D48CB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebcdd5;
  --color-2: #e3b2c8;
  --color-3: #d48cb2;
  --color-4: #ca6aaa;
  --color-5: #65557c;
}

SCSS

$color-1: #ebcdd5;
$color-2: #e3b2c8;
$color-3: #d48cb2;
$color-4: #ca6aaa;
$color-5: #65557c;

TAILWIND

colors: {
  'brand-1': '#ebcdd5',
  'brand-2': '#e3b2c8',
  'brand-3': '#d48cb2',
  'brand-4': '#ca6aaa',
  'brand-5': '#65557c',
}

RGB Array

[235, 205, 213], [227, 178, 200], [212, 140, 178], [202, 106, 170], [101, 85, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBCDD5, #E3B2C8, #D48CB2, #CA6AAA, #65557C 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: #ebcdd5; --color-2: #e3b2c8; --color-3: #d48cb2; --color-4: #ca6aaa; --color-5: #65557c. 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