#E8135E + #F284B4 + #D4B1CE + #DCB8D9 + #99C9E8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E8135E

Dark Violet · Crimson · Camellia

HEX

#E8135E

RGB

rgb(232, 19, 94)

HSL

hsl(339, 85%, 49%)

HSB

hsb(339, 92%, 91%)

CMYK

cmyk(0%, 92%, 59%, 9%)

Oklch

oklch(59.9% 0.233 10.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F284B4

Rouge · Orchid · Rose Pink

HEX

#F284B4

RGB

rgb(242, 132, 180)

HSL

hsl(334, 81%, 73%)

HSB

hsb(334, 45%, 95%)

CMYK

cmyk(0%, 45%, 26%, 5%)

Oklch

oklch(74.7% 0.144 353.6)

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

#D4B1CE

Mauve · Silver · Lilac Purple

HEX

#D4B1CE

RGB

rgb(212, 177, 206)

HSL

hsl(310, 29%, 76%)

HSB

hsb(310, 17%, 83%)

CMYK

cmyk(0%, 17%, 3%, 17%)

Oklch

oklch(80.0% 0.056 331.9)

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

#DCB8D9

Mauve · LightGray · Lilac Purple

HEX

#DCB8D9

RGB

rgb(220, 184, 217)

HSL

hsl(305, 34%, 79%)

HSB

hsb(305, 16%, 86%)

CMYK

cmyk(0%, 16%, 1%, 14%)

Oklch

oklch(82.4% 0.060 328.8)

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

#99C9E8

Sky Blue · SkyBlue · Cobalt Blue

HEX

#99C9E8

RGB

rgb(153, 201, 232)

HSL

hsl(204, 63%, 75%)

HSB

hsb(204, 34%, 91%)

CMYK

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

Oklch

oklch(81.3% 0.067 237.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8135E

13E79D

Analogous

E713C7

E8135E

E73313

Triadic

E8135E

5DE713

135DE7

Split-Comp.

E8135E

13E733

13C7E7

Tetradic

E8135E

C7E713

13E79D

3313E7

Contrast Matrix WCAG 2.1 Contrast

E8135E	F284B4	D4B1CE	DCB8D9	99C9E8
—	1.9 Fail	2.3 Fail	2.5 Fail	2.5 Fail
1.9 Fail	—	1.3 Fail	1.4 Fail	1.4 Fail
2.3 Fail	1.3 Fail	—	1.1 Fail	1.1 Fail
2.5 Fail	1.4 Fail	1.1 Fail	—	1.0 Fail
2.5 Fail	1.4 Fail	1.1 Fail	1.0 Fail	—

White BG

4.5AA Large

2.4Fail

1.9Fail

1.8Fail

Black BG

4.7AA

8.7AAA

11.0AAA

11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8A4C

C2C1A8

C5C5C7

CCCCD1

AEAEE0

Deuteranopia

98A848

C9D1A6

C7C9C5

CFD1CF

ABA7DF

Tritanopia

DD3E3A

EC9F9D

D2C1C0

DACBC9

9BDBD9

Achromatopsia

5B5B5B

AAAAAA

BFBFBF

C7C7C7

BEBEBE

Shades & Tints Shades & Tints

#E8135E

Dark

Light

#F284B4

Dark

Light

#D4B1CE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8135e;
  --color-2: #f284b4;
  --color-3: #d4b1ce;
  --color-4: #dcb8d9;
  --color-5: #99c9e8;
}

SCSS

$color-1: #e8135e;
$color-2: #f284b4;
$color-3: #d4b1ce;
$color-4: #dcb8d9;
$color-5: #99c9e8;

TAILWIND

colors: {
  'brand-1': '#e8135e',
  'brand-2': '#f284b4',
  'brand-3': '#d4b1ce',
  'brand-4': '#dcb8d9',
  'brand-5': '#99c9e8',
}

RGB Array

[232, 19, 94], [242, 132, 180], [212, 177, 206], [220, 184, 217], [153, 201, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8135E, #F284B4, #D4B1CE, #DCB8D9, #99C9E8 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: #e8135e; --color-2: #f284b4; --color-3: #d4b1ce; --color-4: #dcb8d9; --color-5: #99c9e8. 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