#D479CE + #B49EE8 + #91C4D9 + #94D1BF + #ABD6A5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D479CE

Mauve · Orchid · Lilac Purple

HEX

#D479CE

RGB

rgb(212, 121, 206)

HSL

hsl(304, 51%, 65%)

HSB

hsb(304, 43%, 83%)

CMYK

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

Oklch

oklch(70.4% 0.155 329.5)

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

#B49EE8

Wisteria · LightSteelBlue · Cobalt Blue

HEX

#B49EE8

RGB

rgb(180, 158, 232)

HSL

hsl(258, 62%, 76%)

HSB

hsb(258, 32%, 91%)

CMYK

cmyk(22%, 32%, 0%, 9%)

Oklch

oklch(74.6% 0.107 297.4)

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

#91C4D9

Sky Blue · SkyBlue · Lake Green

HEX

#91C4D9

RGB

rgb(145, 196, 217)

HSL

hsl(197, 49%, 71%)

HSB

hsb(197, 33%, 85%)

CMYK

cmyk(33%, 10%, 0%, 15%)

Oklch

oklch(79.2% 0.061 225.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#94D1BF

Jade · LightSteelBlue · Lake Green

HEX

#94D1BF

RGB

rgb(148, 209, 191)

HSL

hsl(162, 40%, 70%)

HSB

hsb(162, 29%, 82%)

CMYK

cmyk(29%, 0%, 9%, 18%)

Oklch

oklch(81.4% 0.068 174.3)

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

#ABD6A5

Celadon · Silver · Apple Green

HEX

#ABD6A5

RGB

rgb(171, 214, 165)

HSL

hsl(113, 37%, 74%)

HSB

hsb(113, 23%, 84%)

CMYK

cmyk(20%, 0%, 23%, 16%)

Oklch

oklch(83.3% 0.081 141.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D479CE

78D37E

Analogous

AC78D3

D479CE

D378A0

Triadic

D479CE

CDD378

78CDD3

Split-Comp.

D479CE

A0D378

78D3AC

Tetradic

D479CE

D3AC78

78D37E

78A0D3

Contrast Matrix WCAG 2.1 Contrast

D479CE	B49EE8	91C4D9	94D1BF	ABD6A5
—	1.2 Fail	1.5 Fail	1.6 Fail	1.7 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.4 Fail
1.5 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.6 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.7 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

2.8Fail

2.3Fail

1.9Fail

1.7Fail

1.6Fail

Black BG

7.4AAA

9.0AAA

11.1AAA

12.1AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADACB9

AAAAD6

A7A8D4

AEAFC3

BEBEB1

Deuteranopia

B2B9B5

ACADD2

A4A0D3

ABA6C4

BBB8B4

Tritanopia

CFA9A6

B3C8C5

94D0CF

97C7C8

ADBABC

Achromatopsia

9E9E9E

ADADAD

B7B7B7

BDBDBD

C4C4C4

Shades & Tints Shades & Tints

#D479CE

Dark

Light

#B49EE8

Dark

Light

#91C4D9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d479ce;
  --color-2: #b49ee8;
  --color-3: #91c4d9;
  --color-4: #94d1bf;
  --color-5: #abd6a5;
}

SCSS

$color-1: #d479ce;
$color-2: #b49ee8;
$color-3: #91c4d9;
$color-4: #94d1bf;
$color-5: #abd6a5;

TAILWIND

colors: {
  'brand-1': '#d479ce',
  'brand-2': '#b49ee8',
  'brand-3': '#91c4d9',
  'brand-4': '#94d1bf',
  'brand-5': '#abd6a5',
}

RGB Array

[212, 121, 206], [180, 158, 232], [145, 196, 217], [148, 209, 191], [171, 214, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D479CE, #B49EE8, #91C4D9, #94D1BF, #ABD6A5 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: #d479ce; --color-2: #b49ee8; --color-3: #91c4d9; --color-4: #94d1bf; --color-5: #abd6a5. 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