← Back to Editor

#C0ACC0 · #CCAACC · #D6A6E2 · #EE88FC · #5F545D

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#C0ACC0

Mauve · Silver · Lilac Purple

HEX
#C0ACC0
RGB
rgb(192, 172, 192)
HSL
hsl(300, 14%, 71%)
HSB
hsb(300, 10%, 75%)
CMYK
cmyk(0%, 10%, 0%, 25%)
Oklch
oklch(76.8% 0.036 325.9)

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

#CCAACC

Mauve · Silver · Lilac Purple

HEX
#CCAACC
RGB
rgb(204, 170, 204)
HSL
hsl(300, 25%, 73%)
HSB
hsb(300, 17%, 80%)
CMYK
cmyk(0%, 17%, 0%, 20%)
Oklch
oklch(77.9% 0.061 326.1)

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

#D6A6E2

Lilac · Violet · Lilac Purple

HEX
#D6A6E2
RGB
rgb(214, 166, 226)
HSL
hsl(288, 51%, 77%)
HSB
hsb(288, 27%, 89%)
CMYK
cmyk(5%, 27%, 0%, 11%)
Oklch
oklch(78.9% 0.098 319.5)

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

#EE88FC

Lilac · Violet · Lilac Purple

HEX
#EE88FC
RGB
rgb(238, 136, 252)
HSL
hsl(293, 95%, 76%)
HSB
hsb(293, 46%, 99%)
CMYK
cmyk(6%, 46%, 0%, 1%)
Oklch
oklch(77.7% 0.189 322.6)

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

#5F545D

Ink Gray · DimGray · Charcoal

HEX
#5F545D
RGB
rgb(95, 84, 93)
HSL
hsl(311, 6%, 35%)
HSB
hsb(311, 12%, 37%)
CMYK
cmyk(0%, 12%, 2%, 63%)
Oklch
oklch(46.0% 0.020 332.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0ACC0
ABBFAB

Analogous

B5ABBF
C0ACC0
BFABB5

Triadic

C0ACC0
BFBFAB
ABBFBF

Split-Comp.

C0ACC0
B5BFAB
ABBFB5

Tetradic

C0ACC0
BFB5AB
ABBFAB
ABB5BF

Contrast Matrix WCAG 2.1 Contrast

C0ACC0
CCAACC
D6A6E2
EE88FC
5F545D
—
1.0
Fail
1.1
Fail
1.0
Fail
3.4
AA Large
1.0
Fail
—
1.0
Fail
1.1
Fail
3.5
AA Large
1.1
Fail
1.0
Fail
—
1.1
Fail
3.6
AA Large
1.0
Fail
1.1
Fail
1.1
Fail
—
3.3
AA Large
3.4
AA Large
3.5
AA Large
3.6
AA Large
3.3
AA Large
—
White BG
2.1Fail
2.1Fail
2.0Fail
2.2Fail
7.2AAA
Black BG
9.9AAA
10.2AAA
10.4AAA
9.6AAA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7BB
BDBDC4
C1C1D3
C2C1E0
5A5A5B

Deuteranopia

B9BABA
BFC2C2
C4C8D0
C8CFD9
5B5C5A

Tritanopia

BFB7B7
CABDBC
D4C8C6
E9CAC5
5E5959

Achromatopsia

B4B4B4
B8B8B8
BBBBBB
B4B4B4
585858

Shades & Tints Shades & Tints

#C0ACC0

Dark
Light

#CCAACC

Dark
Light

#D6A6E2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0acc0;
  --color-2: #ccaacc;
  --color-3: #d6a6e2;
  --color-4: #ee88fc;
  --color-5: #5f545d;
}

SCSS

$color-1: #c0acc0;
$color-2: #ccaacc;
$color-3: #d6a6e2;
$color-4: #ee88fc;
$color-5: #5f545d;

TAILWIND

colors: {
  'brand-1': '#c0acc0',
  'brand-2': '#ccaacc',
  'brand-3': '#d6a6e2',
  'brand-4': '#ee88fc',
  'brand-5': '#5f545d',
}

RGB Array

[192, 172, 192], [204, 170, 204], [214, 166, 226], [238, 136, 252], [95, 84, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0ACC0, #CCAACC, #D6A6E2, #EE88FC, #5F545D is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #c0acc0; --color-2: #ccaacc; --color-3: #d6a6e2; --color-4: #ee88fc; --color-5: #5f545d. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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