← Back to Editor

#DE91A5 · #E3BCCE · #E6D9E0 · #EEECED · #D8AE9E

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

WorkspaceReading

Color Details Color Details

#DE91A5

Rouge · LightCoral · Rose Pink

HEX
#DE91A5
RGB
rgb(222, 145, 165)
HSL
hsl(344, 54%, 72%)
HSB
hsb(344, 35%, 87%)
CMYK
cmyk(0%, 35%, 26%, 13%)
Oklch
oklch(74.0% 0.096 2.8)

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

#E3BCCE

Rouge · Pink · Cherry Blossom

HEX
#E3BCCE
RGB
rgb(227, 188, 206)
HSL
hsl(332, 41%, 81%)
HSB
hsb(332, 17%, 89%)
CMYK
cmyk(0%, 17%, 9%, 11%)
Oklch
oklch(83.4% 0.050 348.8)

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

#E6D9E0

Mauve · LightGray · Cherry Blossom

HEX
#E6D9E0
RGB
rgb(230, 217, 224)
HSL
hsl(328, 21%, 88%)
HSB
hsb(328, 6%, 90%)
CMYK
cmyk(0%, 6%, 3%, 10%)
Oklch
oklch(89.8% 0.017 343.7)

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

#EEECED

Plain White · Linen · Cloud White

HEX
#EEECED
RGB
rgb(238, 236, 237)
HSL
hsl(330, 6%, 93%)
HSB
hsb(330, 1%, 93%)
CMYK
cmyk(0%, 1%, 0%, 7%)
Oklch
oklch(94.5% 0.003 345.2)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#D8AE9E

Apricot · Tan · Warm Sun

HEX
#D8AE9E
RGB
rgb(216, 174, 158)
HSL
hsl(17, 43%, 73%)
HSB
hsb(17, 27%, 85%)
CMYK
cmyk(0%, 19%, 27%, 15%)
Oklch
oklch(78.4% 0.054 41.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE91A5
91DECA

Analogous

DE91CC
DE91A5
DEA391

Triadic

DE91A5
A6DE91
91A6DE

Split-Comp.

DE91A5
91DEA3
91CCDE

Tetradic

DE91A5
CCDE91
91DECA
A391DE

Contrast Matrix WCAG 2.1 Contrast

DE91A5
E3BCCE
E6D9E0
EEECED
D8AE9E
—
1.4
Fail
1.8
Fail
2.1
Fail
1.2
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
2.1
Fail
1.4
Fail
1.2
Fail
—
1.7
Fail
1.2
Fail
1.2
Fail
1.5
Fail
1.7
Fail
—
White BG
2.4Fail
1.7Fail
1.4Fail
1.2Fail
2.0Fail
Black BG
8.7AAA
12.4AAA
15.4AAA
17.9AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBCA0
D2D2CA
E0E0DE
EDEDED
C6C5A2

Deuteranopia

C1C79F
D4D7C9
E1E2DE
EDEDED
C8CBA3

Tritanopia

DA9C9C
E1C6C5
E5DDDD
EEEDED
D6A5A6

Achromatopsia

AAAAAA
CACACA
DEDEDE
EDEDED
B9B9B9

Shades & Tints Shades & Tints

#DE91A5

Dark
Light

#E3BCCE

Dark
Light

#E6D9E0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de91a5;
  --color-2: #e3bcce;
  --color-3: #e6d9e0;
  --color-4: #eeeced;
  --color-5: #d8ae9e;
}

SCSS

$color-1: #de91a5;
$color-2: #e3bcce;
$color-3: #e6d9e0;
$color-4: #eeeced;
$color-5: #d8ae9e;

TAILWIND

colors: {
  'brand-1': '#de91a5',
  'brand-2': '#e3bcce',
  'brand-3': '#e6d9e0',
  'brand-4': '#eeeced',
  'brand-5': '#d8ae9e',
}

RGB Array

[222, 145, 165], [227, 188, 206], [230, 217, 224], [238, 236, 237], [216, 174, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE91A5, #E3BCCE, #E6D9E0, #EEECED, #D8AE9E 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: #de91a5; --color-2: #e3bcce; --color-3: #e6d9e0; --color-4: #eeeced; --color-5: #d8ae9e. 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