#D16483 + #EB96AE + #E9DCDA + #B8ADEC + #A590EC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D16483

Rouge · LightCoral · Rose Pink

HEX

#D16483

RGB

rgb(209, 100, 131)

HSL

hsl(343, 54%, 61%)

HSB

hsb(343, 52%, 82%)

CMYK

cmyk(0%, 52%, 37%, 18%)

Oklch

oklch(64.2% 0.141 3.9)

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

#EB96AE

Rouge · LightPink · Rose Pink

HEX

#EB96AE

RGB

rgb(235, 150, 174)

HSL

hsl(343, 68%, 75%)

HSB

hsb(343, 36%, 92%)

CMYK

cmyk(0%, 36%, 26%, 8%)

Oklch

oklch(76.6% 0.106 1.6)

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

#E9DCDA

Peach Pink · LightGray · Cherry Blossom

HEX

#E9DCDA

RGB

rgb(233, 220, 218)

HSL

hsl(8, 25%, 88%)

HSB

hsb(8, 6%, 91%)

CMYK

cmyk(0%, 6%, 6%, 9%)

Oklch

oklch(90.4% 0.015 28.0)

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

#B8ADEC

Wisteria · LightSteelBlue · Cobalt Blue

HEX

#B8ADEC

RGB

rgb(184, 173, 236)

HSL

hsl(250, 62%, 80%)

HSB

hsb(250, 27%, 93%)

CMYK

cmyk(22%, 27%, 0%, 7%)

Oklch

oklch(77.9% 0.089 292.2)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#A590EC

Wisteria · LightSteelBlue · Cobalt Blue

HEX

#A590EC

RGB

rgb(165, 144, 236)

HSL

hsl(254, 71%, 75%)

HSB

hsb(254, 39%, 93%)

CMYK

cmyk(30%, 39%, 0%, 7%)

Oklch

oklch(70.9% 0.133 293.2)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D16483

66D1B3

Analogous

D166BA

D16483

D17D66

Triadic

D16483

84D166

6684D1

Split-Comp.

D16483

66D17D

66BAD1

Tetradic

D16483

BAD166

66D1B3

7D66D1

Contrast Matrix WCAG 2.1 Contrast

D16483	EB96AE	E9DCDA	B8ADEC	A590EC
—	1.6 Fail	2.7 Fail	1.7 Fail	1.3 Fail
1.6 Fail	—	1.7 Fail	1.1 Fail	1.2 Fail
2.7 Fail	1.7 Fail	—	1.5 Fail	2.0 Fail
1.7 Fail	1.1 Fail	1.5 Fail	—	1.3 Fail
1.3 Fail	1.2 Fail	2.0 Fail	1.3 Fail	—

White BG

3.6AA Large

2.2Fail

1.3Fail

2.1Fail

2.7Fail

Black BG

5.9AA

9.5AAA

15.7AAA

10.2AAA

7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A17B

C6C5A8

E3E3DA

B3B3DD

9C9CD6

Deuteranopia

A8B07A

CBD2A7

E4E5DB

B4B5D9

9D9FD0

Tritanopia

CC7674

E7A4A3

E8DBDB

B7D1CE

A4C4C0

Achromatopsia

888888

B2B2B2

E0E0E0

B7B7B7

A1A1A1

Shades & Tints Shades & Tints

#D16483

Dark

Light

#EB96AE

Dark

Light

#E9DCDA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d16483;
  --color-2: #eb96ae;
  --color-3: #e9dcda;
  --color-4: #b8adec;
  --color-5: #a590ec;
}

SCSS

$color-1: #d16483;
$color-2: #eb96ae;
$color-3: #e9dcda;
$color-4: #b8adec;
$color-5: #a590ec;

TAILWIND

colors: {
  'brand-1': '#d16483',
  'brand-2': '#eb96ae',
  'brand-3': '#e9dcda',
  'brand-4': '#b8adec',
  'brand-5': '#a590ec',
}

RGB Array

[209, 100, 131], [235, 150, 174], [233, 220, 218], [184, 173, 236], [165, 144, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D16483, #EB96AE, #E9DCDA, #B8ADEC, #A590EC 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: #d16483; --color-2: #eb96ae; --color-3: #e9dcda; --color-4: #b8adec; --color-5: #a590ec. 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