#EB6AC5 + #D09CB4 + #D0B8C9 + #86A4B7 + #837D96 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EB6AC5

Mauve · Orchid · Lilac Purple

HEX

#EB6AC5

RGB

rgb(235, 106, 197)

HSL

hsl(318, 76%, 67%)

HSB

hsb(318, 55%, 92%)

CMYK

cmyk(0%, 55%, 16%, 8%)

Oklch

oklch(70.9% 0.189 340.3)

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

#D09CB4

Rouge · Silver · Rose Pink

HEX

#D09CB4

RGB

rgb(208, 156, 180)

HSL

hsl(332, 36%, 71%)

HSB

hsb(332, 25%, 82%)

CMYK

cmyk(0%, 25%, 13%, 18%)

Oklch

oklch(74.9% 0.069 349.6)

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

#D0B8C9

Mauve · Silver · Lilac Purple

HEX

#D0B8C9

RGB

rgb(208, 184, 201)

HSL

hsl(318, 20%, 77%)

HSB

hsb(318, 12%, 82%)

CMYK

cmyk(0%, 12%, 3%, 18%)

Oklch

oklch(80.8% 0.036 336.3)

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

#86A4B7

Sky Blue · DarkGray · Cobalt Blue

HEX

#86A4B7

RGB

rgb(134, 164, 183)

HSL

hsl(203, 25%, 62%)

HSB

hsb(203, 27%, 72%)

CMYK

cmyk(27%, 10%, 0%, 28%)

Oklch

oklch(70.3% 0.043 236.0)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#837D96

Deep Indigo · LightSlateGray · Navy Blue

HEX

#837D96

RGB

rgb(131, 125, 150)

HSL

hsl(254, 11%, 54%)

HSB

hsb(254, 17%, 59%)

CMYK

cmyk(13%, 17%, 0%, 41%)

Oklch

oklch(60.4% 0.038 296.2)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB6AC5

6BEB91

Analogous

D16BEB

EB6AC5

EB6B84

Triadic

EB6AC5

C4EB6B

6BC4EB

Split-Comp.

EB6AC5

84EB6B

6BEBD1

Tetradic

EB6AC5

EBD16B

6BEB91

6B84EB

Contrast Matrix WCAG 2.1 Contrast

EB6AC5	D09CB4	D0B8C9	86A4B7	837D96
—	1.2 Fail	1.5 Fail	1.1 Fail	1.4 Fail
1.2 Fail	—	1.3 Fail	1.1 Fail	1.7 Fail
1.5 Fail	1.3 Fail	—	1.4 Fail	2.1 Fail
1.1 Fail	1.1 Fail	1.4 Fail	—	1.5 Fail
1.4 Fail	1.7 Fail	2.1 Fail	1.5 Fail	—

White BG

2.8Fail

2.3Fail

1.8Fail

2.6Fail

3.9AA Large

Black BG

7.4AAA

9.1AAA

11.4AAA

8.0AAA

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B2AF

B9B9AE

C6C5C5

9393B2

808090

Deuteranopia

BBC4AA

BDC0AD

C7C9C4

918FB1

81818F

Tritanopia

E59E9A

CDAAA9

CFC2C1

88AFAE

838B8A

Achromatopsia

9B9B9B

AEAEAE

C1C1C1

9D9D9D

828282

Shades & Tints Shades & Tints

#EB6AC5

Dark

Light

#D09CB4

Dark

Light

#D0B8C9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb6ac5;
  --color-2: #d09cb4;
  --color-3: #d0b8c9;
  --color-4: #86a4b7;
  --color-5: #837d96;
}

SCSS

$color-1: #eb6ac5;
$color-2: #d09cb4;
$color-3: #d0b8c9;
$color-4: #86a4b7;
$color-5: #837d96;

TAILWIND

colors: {
  'brand-1': '#eb6ac5',
  'brand-2': '#d09cb4',
  'brand-3': '#d0b8c9',
  'brand-4': '#86a4b7',
  'brand-5': '#837d96',
}

RGB Array

[235, 106, 197], [208, 156, 180], [208, 184, 201], [134, 164, 183], [131, 125, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB6AC5, #D09CB4, #D0B8C9, #86A4B7, #837D96 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: #eb6ac5; --color-2: #d09cb4; --color-3: #d0b8c9; --color-4: #86a4b7; --color-5: #837d96. 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