← Back to Editor

#512746 · #756269 · #C8A2B0 · #D9DACD · #BCC4C4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#512746

Rose Purple · DarkSlateGray · Eggplant

HEX
#512746
RGB
rgb(81, 39, 70)
HSL
hsl(316, 35%, 24%)
HSB
hsb(316, 52%, 32%)
CMYK
cmyk(0%, 52%, 14%, 68%)
Oklch
oklch(34.1% 0.077 337.9)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#756269

Dark Violet · DimGray · Warm Gray

HEX
#756269
RGB
rgb(117, 98, 105)
HSL
hsl(338, 9%, 42%)
HSB
hsb(338, 16%, 46%)
CMYK
cmyk(0%, 16%, 10%, 54%)
Oklch
oklch(51.7% 0.026 353.9)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

#C8A2B0

Rouge · DarkGray · Rose Pink

HEX
#C8A2B0
RGB
rgb(200, 162, 176)
HSL
hsl(338, 26%, 71%)
HSB
hsb(338, 19%, 78%)
CMYK
cmyk(0%, 19%, 12%, 22%)
Oklch
oklch(75.1% 0.048 354.2)

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

#D9DACD

Fresh Green · LightGray · Lemon Cream

HEX
#D9DACD
RGB
rgb(217, 218, 205)
HSL
hsl(65, 15%, 83%)
HSB
hsb(65, 6%, 85%)
CMYK
cmyk(0%, 0%, 6%, 15%)
Oklch
oklch(88.4% 0.018 110.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#BCC4C4

Silver Gray · Silver · Pearl Gray

HEX
#BCC4C4
RGB
rgb(188, 196, 196)
HSL
hsl(180, 6%, 75%)
HSB
hsb(180, 4%, 77%)
CMYK
cmyk(4%, 0%, 0%, 23%)
Oklch
oklch(81.4% 0.009 197.0)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

512746
285333

Analogous

492853
512746
532832

Triadic

512746
475328
284753

Split-Comp.

512746
325328
285349

Tetradic

512746
534928
285333
283253

Contrast Matrix WCAG 2.1 Contrast

512746
756269
C8A2B0
D9DACD
BCC4C4
—
2.1
Fail
5.4
AA
8.6
AAA
6.8
AA
2.1
Fail
—
2.5
Fail
4.0
AA Large
3.2
AA Large
5.4
AA
2.5
Fail
—
1.6
Fail
1.3
Fail
8.6
AAA
4.0
AA Large
1.6
Fail
—
1.3
Fail
6.8
AA
3.2
AA Large
1.3
Fail
1.3
Fail
—
White BG
12.1AAA
5.7AA
2.3Fail
1.4Fail
1.8Fail
Black BG
1.7Fail
3.7AA Large
9.3AAA
14.9AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3E3E
6D6D67
B8B7AD
D9D9D0
BFC0C4

Deuteranopia

41443D
6E6F67
BABDAC
D9D9D1
BFBEC4

Tritanopia

4F3937
746666
C6AAA9
D9D3D3
BCC4C4

Achromatopsia

373737
686868
AFAFAF
D8D8D8
C2C2C2

Shades & Tints Shades & Tints

#512746

Dark
Light

#756269

Dark
Light

#C8A2B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #512746;
  --color-2: #756269;
  --color-3: #c8a2b0;
  --color-4: #d9dacd;
  --color-5: #bcc4c4;
}

SCSS

$color-1: #512746;
$color-2: #756269;
$color-3: #c8a2b0;
$color-4: #d9dacd;
$color-5: #bcc4c4;

TAILWIND

colors: {
  'brand-1': '#512746',
  'brand-2': '#756269',
  'brand-3': '#c8a2b0',
  'brand-4': '#d9dacd',
  'brand-5': '#bcc4c4',
}

RGB Array

[81, 39, 70], [117, 98, 105], [200, 162, 176], [217, 218, 205], [188, 196, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #512746, #756269, #C8A2B0, #D9DACD, #BCC4C4 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #512746; --color-2: #756269; --color-3: #c8a2b0; --color-4: #d9dacd; --color-5: #bcc4c4. 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. Restrained colors convey professionalism and trust. 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