← Back to Editor

#D0BCBD · #9CA667 · #3C255B · #19042D · #7E44A8

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

#D0BCBD

Peach Pink · Silver · Coral Red

HEX
#D0BCBD
RGB
rgb(208, 188, 189)
HSL
hsl(357, 18%, 78%)
HSB
hsb(357, 10%, 82%)
CMYK
cmyk(0%, 10%, 9%, 18%)
Oklch
oklch(81.2% 0.023 14.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#9CA667

Grass Green · DarkSeaGreen · Olive Green

HEX
#9CA667
RGB
rgb(156, 166, 103)
HSL
hsl(70, 26%, 53%)
HSB
hsb(70, 38%, 65%)
CMYK
cmyk(6%, 0%, 38%, 35%)
Oklch
oklch(70.2% 0.086 116.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#3C255B

Deep Indigo · MidnightBlue · Eggplant

HEX
#3C255B
RGB
rgb(60, 37, 91)
HSL
hsl(266, 42%, 25%)
HSB
hsb(266, 59%, 36%)
CMYK
cmyk(34%, 59%, 0%, 64%)
Oklch
oklch(32.2% 0.094 300.9)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#19042D

Royal Purple · Black · Dark Purple

HEX
#19042D
RGB
rgb(25, 4, 45)
HSL
hsl(271, 84%, 10%)
HSB
hsb(271, 91%, 18%)
CMYK
cmyk(44%, 91%, 0%, 82%)
Oklch
oklch(17.9% 0.079 303.1)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#7E44A8

Dark Plum · SlateBlue · Violet

HEX
#7E44A8
RGB
rgb(126, 68, 168)
HSL
hsl(275, 42%, 46%)
HSB
hsb(275, 60%, 66%)
CMYK
cmyk(25%, 60%, 0%, 34%)
Oklch
oklch(50.3% 0.159 308.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0BCBD
BDD1D0

Analogous

D1BDC8
D0BCBD
D1C6BD

Triadic

D0BCBD
BED1BD
BDBED1

Split-Comp.

D0BCBD
BDD1C6
BDC8D1

Tetradic

D0BCBD
C8D1BD
BDD1D0
C6BDD1

Contrast Matrix WCAG 2.1 Contrast

D0BCBD
9CA667
3C255B
19042D
7E44A8
—
1.4
Fail
7.2
AAA
10.6
AAA
3.5
AA Large
1.4
Fail
—
5.0
AA
7.4
AAA
2.5
Fail
7.2
AAA
5.0
AA
—
1.5
Fail
2.0
Fail
10.6
AAA
7.4
AAA
1.5
Fail
—
3.0
Fail
3.5
AA Large
2.5
Fail
2.0
Fail
3.0
Fail
—
White BG
1.8Fail
2.6Fail
13.1AAA
19.2AAA
6.4AA
Black BG
11.6AAA
8.1AAA
1.6Fail
1.1Fail
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7BD
A0A076
32324E
101023
656490

Deuteranopia

C9CABD
A09F7A
33354B
111321
686D8A

Tritanopia

CFBDBD
9D8285
3B4441
181B1A
7B7D79

Achromatopsia

C2C2C2
9C9C9C
323232
0F0F0F
616161

Shades & Tints Shades & Tints

#D0BCBD

Dark
Light

#9CA667

Dark
Light

#3C255B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0bcbd;
  --color-2: #9ca667;
  --color-3: #3c255b;
  --color-4: #19042d;
  --color-5: #7e44a8;
}

SCSS

$color-1: #d0bcbd;
$color-2: #9ca667;
$color-3: #3c255b;
$color-4: #19042d;
$color-5: #7e44a8;

TAILWIND

colors: {
  'brand-1': '#d0bcbd',
  'brand-2': '#9ca667',
  'brand-3': '#3c255b',
  'brand-4': '#19042d',
  'brand-5': '#7e44a8',
}

RGB Array

[208, 188, 189], [156, 166, 103], [60, 37, 91], [25, 4, 45], [126, 68, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0BCBD, #9CA667, #3C255B, #19042D, #7E44A8 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: #d0bcbd; --color-2: #9ca667; --color-3: #3c255b; --color-4: #19042d; --color-5: #7e44a8. 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