#DA518F + #DE81AB + #EBDEEF + #CFB0DA + #9A60B8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DA518F

Dark Violet · LightCoral · Rose Pink

HEX

#DA518F

RGB

rgb(218, 81, 143)

HSL

hsl(333, 65%, 59%)

HSB

hsb(333, 63%, 85%)

CMYK

cmyk(0%, 63%, 34%, 15%)

Oklch

oklch(63.4% 0.181 355.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#DE81AB

Rouge · Orchid · Rose Pink

HEX

#DE81AB

RGB

rgb(222, 129, 171)

HSL

hsl(333, 58%, 69%)

HSB

hsb(333, 42%, 87%)

CMYK

cmyk(0%, 42%, 23%, 13%)

Oklch

oklch(71.5% 0.124 352.2)

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

#EBDEEF

Lilac · Lavender · Lavender

HEX

#EBDEEF

RGB

rgb(235, 222, 239)

HSL

hsl(286, 35%, 90%)

HSB

hsb(286, 7%, 94%)

CMYK

cmyk(2%, 7%, 0%, 6%)

Oklch

oklch(91.6% 0.027 318.2)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#CFB0DA

Lilac · Silver · Lilac Purple

HEX

#CFB0DA

RGB

rgb(207, 176, 218)

HSL

hsl(284, 36%, 77%)

HSB

hsb(284, 19%, 85%)

CMYK

cmyk(5%, 19%, 0%, 15%)

Oklch

oklch(79.8% 0.067 317.2)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#9A60B8

Dark Plum · MediumOrchid · Violet

HEX

#9A60B8

RGB

rgb(154, 96, 184)

HSL

hsl(280, 38%, 55%)

HSB

hsb(280, 48%, 72%)

CMYK

cmyk(16%, 48%, 0%, 28%)

Oklch

oklch(58.8% 0.143 313.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA518F

52DA9D

Analogous

DA52D4

DA518F

DA5952

Triadic

DA518F

90DA52

5290DA

Split-Comp.

DA518F

52DA59

52D4DA

Tetradic

DA518F

D4DA52

52DA9D

5952DA

Contrast Matrix WCAG 2.1 Contrast

DA518F	DE81AB	EBDEEF	CFB0DA	9A60B8
—	1.4 Fail	2.9 Fail	2.0 Fail	1.2 Fail
1.4 Fail	—	2.1 Fail	1.4 Fail	1.7 Fail
2.9 Fail	2.1 Fail	—	1.5 Fail	3.4 AA Large
2.0 Fail	1.4 Fail	1.5 Fail	—	2.3 Fail
1.2 Fail	1.7 Fail	3.4 AA Large	2.3 Fail	—

White BG

3.8AA Large

2.7Fail

1.3Fail

1.9Fail

4.4AA Large

Black BG

5.6AA

7.8AAA

16.2AAA

10.9AAA

4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9D80

B6B5A1

E5E5EB

C2C1D0

8180A3

Deuteranopia

A7B17C

BBC29E

E6E7EA

C3C6CD

84899E

Tritanopia

D37472

D99997

EAE8E7

CDC8C6

97928E

Achromatopsia

818181

A2A2A2

E4E4E4

BEBEBE

7B7B7B

Shades & Tints Shades & Tints

#DA518F

Dark

Light

#DE81AB

Dark

Light

#EBDEEF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da518f;
  --color-2: #de81ab;
  --color-3: #ebdeef;
  --color-4: #cfb0da;
  --color-5: #9a60b8;
}

SCSS

$color-1: #da518f;
$color-2: #de81ab;
$color-3: #ebdeef;
$color-4: #cfb0da;
$color-5: #9a60b8;

TAILWIND

colors: {
  'brand-1': '#da518f',
  'brand-2': '#de81ab',
  'brand-3': '#ebdeef',
  'brand-4': '#cfb0da',
  'brand-5': '#9a60b8',
}

RGB Array

[218, 81, 143], [222, 129, 171], [235, 222, 239], [207, 176, 218], [154, 96, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DA518F, #DE81AB, #EBDEEF, #CFB0DA, #9A60B8 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: #da518f; --color-2: #de81ab; --color-3: #ebdeef; --color-4: #cfb0da; --color-5: #9a60b8. 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