#DE8ACA + #DAB8DB + #B4A9BF + #A7C6C2 + #99E2C6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DE8ACA

Mauve · Orchid · Lilac Purple

HEX

#DE8ACA

RGB

rgb(222, 138, 202)

HSL

hsl(314, 56%, 71%)

HSB

hsb(314, 38%, 87%)

CMYK

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

Oklch

oklch(74.1% 0.130 336.1)

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

#DAB8DB

Lilac · LightGray · Lilac Purple

HEX

#DAB8DB

RGB

rgb(218, 184, 219)

HSL

hsl(298, 33%, 79%)

HSB

hsb(298, 16%, 86%)

CMYK

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

Oklch

oklch(82.3% 0.061 325.2)

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

#B4A9BF

Lilac · DarkGray · Lilac Purple

HEX

#B4A9BF

RGB

rgb(180, 169, 191)

HSL

hsl(270, 15%, 71%)

HSB

hsb(270, 12%, 75%)

CMYK

cmyk(6%, 12%, 0%, 25%)

Oklch

oklch(75.1% 0.033 308.0)

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

#A7C6C2

Jade · Silver · Lake Green

HEX

#A7C6C2

RGB

rgb(167, 198, 194)

HSL

hsl(172, 21%, 72%)

HSB

hsb(172, 16%, 78%)

CMYK

cmyk(16%, 0%, 2%, 22%)

Oklch

oklch(80.3% 0.034 187.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#99E2C6

Jade · LightBlue · Apple Green

HEX

#99E2C6

RGB

rgb(153, 226, 198)

HSL

hsl(157, 56%, 74%)

HSB

hsb(157, 32%, 89%)

CMYK

cmyk(32%, 0%, 12%, 11%)

Oklch

oklch(85.7% 0.083 168.4)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE8ACA

8CDE9F

Analogous

C88CDE

DE8ACA

DE8CA2

Triadic

DE8ACA

CBDE8C

8CCBDE

Split-Comp.

DE8ACA

A2DE8C

8CDEC8

Tetradic

DE8ACA

DEC88C

8CDE9F

8CA2DE

Contrast Matrix WCAG 2.1 Contrast

DE8ACA	DAB8DB	B4A9BF	A7C6C2	99E2C6
—	1.4 Fail	1.1 Fail	1.3 Fail	1.6 Fail
1.4 Fail	—	1.3 Fail	1.0 Fail	1.2 Fail
1.1 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
1.3 Fail	1.0 Fail	1.2 Fail	—	1.2 Fail
1.6 Fail	1.2 Fail	1.5 Fail	1.2 Fail	—

White BG

2.4Fail

1.8Fail

2.2Fail

1.8Fail

1.5Fail

Black BG

8.6AAA

11.9AAA

9.4AAA

11.5AAA

14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB9BB

CBCBD3

AFAFBA

B4B5C3

B9B9CD

Deuteranopia

BFC5B7

CDD0D0

B0B1B8

B3B0C3

B4AFCE

Tritanopia

DAAEAC

D8CCCA

B3B5B5

A9C4C4

9DD2D3

Achromatopsia

AAAAAA

C6C6C6

AFAFAF

BCBCBC

C9C9C9

Shades & Tints Shades & Tints

#DE8ACA

Dark

Light

#DAB8DB

Dark

Light

#B4A9BF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de8aca;
  --color-2: #dab8db;
  --color-3: #b4a9bf;
  --color-4: #a7c6c2;
  --color-5: #99e2c6;
}

SCSS

$color-1: #de8aca;
$color-2: #dab8db;
$color-3: #b4a9bf;
$color-4: #a7c6c2;
$color-5: #99e2c6;

TAILWIND

colors: {
  'brand-1': '#de8aca',
  'brand-2': '#dab8db',
  'brand-3': '#b4a9bf',
  'brand-4': '#a7c6c2',
  'brand-5': '#99e2c6',
}

RGB Array

[222, 138, 202], [218, 184, 219], [180, 169, 191], [167, 198, 194], [153, 226, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE8ACA, #DAB8DB, #B4A9BF, #A7C6C2, #99E2C6 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: #de8aca; --color-2: #dab8db; --color-3: #b4a9bf; --color-4: #a7c6c2; --color-5: #99e2c6. 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