← Back to Editor

#512C57 · #6E5676 · #CBAECC · #F4CFC7 · #FBEDE2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#512C57

Dark Plum · DarkSlateGray · Eggplant

HEX
#512C57
RGB
rgb(81, 44, 87)
HSL
hsl(292, 33%, 26%)
HSB
hsb(292, 49%, 34%)
CMYK
cmyk(7%, 49%, 0%, 66%)
Oklch
oklch(35.9% 0.085 321.9)

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

#6E5676

Dark Plum · DimGray · Eggplant

HEX
#6E5676
RGB
rgb(110, 86, 118)
HSL
hsl(285, 16%, 40%)
HSB
hsb(285, 27%, 46%)
CMYK
cmyk(7%, 27%, 0%, 54%)
Oklch
oklch(48.9% 0.058 317.6)

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

#CBAECC

Lilac · Silver · Lilac Purple

HEX
#CBAECC
RGB
rgb(203, 174, 204)
HSL
hsl(298, 23%, 74%)
HSB
hsb(298, 15%, 80%)
CMYK
cmyk(0%, 15%, 0%, 20%)
Oklch
oklch(78.5% 0.053 325.0)

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

#F4CFC7

Peach Pink · Pink · Cherry Blossom

HEX
#F4CFC7
RGB
rgb(244, 207, 199)
HSL
hsl(11, 67%, 87%)
HSB
hsb(11, 18%, 96%)
CMYK
cmyk(0%, 15%, 18%, 4%)
Oklch
oklch(88.4% 0.043 32.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FBEDE2

Apricot · Linen · Peach Orange

HEX
#FBEDE2
RGB
rgb(251, 237, 226)
HSL
hsl(26, 76%, 94%)
HSB
hsb(26, 10%, 98%)
CMYK
cmyk(0%, 6%, 10%, 2%)
Oklch
oklch(95.4% 0.021 60.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

512C57
32582C

Analogous

3C2C58
512C57
582C48

Triadic

512C57
58522C
2C5852

Split-Comp.

512C57
48582C
2C583C

Tetradic

512C57
583C2C
32582C
2C4858

Contrast Matrix WCAG 2.1 Contrast

512C57
6E5676
CBAECC
F4CFC7
FBEDE2
—
1.8
Fail
5.7
AA
7.9
AAA
9.9
AAA
1.8
Fail
—
3.2
AA Large
4.5
AA Large
5.6
AA
5.7
AA
3.2
AA Large
—
1.4
Fail
1.7
Fail
7.9
AAA
4.5
AA Large
1.4
Fail
—
1.3
Fail
9.9
AAA
5.6
AA
1.7
Fail
1.3
Fail
—
White BG
11.4AAA
6.5AA
2.0Fail
1.4Fail
1.1Fail
Black BG
1.8Fail
3.3AA Large
10.5AAA
14.6AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

41414D
64636E
BEBEC5
E4E4C9
F5F5E5

Deuteranopia

43464A
65676C
C0C2C3
E6E9C9
F6F7E5

Tritanopia

4F4443
6D6867
CABFBE
F2CACB
FAE7E7

Achromatopsia

3C3C3C
616161
BABABA
D9D9D9
F0F0F0

Shades & Tints Shades & Tints

#512C57

Dark
Light

#6E5676

Dark
Light

#CBAECC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #512c57;
  --color-2: #6e5676;
  --color-3: #cbaecc;
  --color-4: #f4cfc7;
  --color-5: #fbede2;
}

SCSS

$color-1: #512c57;
$color-2: #6e5676;
$color-3: #cbaecc;
$color-4: #f4cfc7;
$color-5: #fbede2;

TAILWIND

colors: {
  'brand-1': '#512c57',
  'brand-2': '#6e5676',
  'brand-3': '#cbaecc',
  'brand-4': '#f4cfc7',
  'brand-5': '#fbede2',
}

RGB Array

[81, 44, 87], [110, 86, 118], [203, 174, 204], [244, 207, 199], [251, 237, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #512C57, #6E5676, #CBAECC, #F4CFC7, #FBEDE2 is ideal for: 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: #512c57; --color-2: #6e5676; --color-3: #cbaecc; --color-4: #f4cfc7; --color-5: #fbede2. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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