← Back to Editor

#662960 · #976C7D · #DB7C8E · #D7CAC3 · #BFE4CD

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

#662960

Rose Purple · DarkSlateBlue · Eggplant

HEX
#662960
RGB
rgb(102, 41, 96)
HSL
hsl(306, 43%, 28%)
HSB
hsb(306, 60%, 40%)
CMYK
cmyk(0%, 60%, 6%, 60%)
Oklch
oklch(38.9% 0.114 331.5)

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

#976C7D

Dark Violet · Gray · Rose Pink

HEX
#976C7D
RGB
rgb(151, 108, 125)
HSL
hsl(336, 17%, 51%)
HSB
hsb(336, 28%, 59%)
CMYK
cmyk(0%, 28%, 17%, 41%)
Oklch
oklch(58.0% 0.059 353.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#DB7C8E

Peach Pink · LightCoral · Coral Red

HEX
#DB7C8E
RGB
rgb(219, 124, 142)
HSL
hsl(349, 57%, 67%)
HSB
hsb(349, 43%, 86%)
CMYK
cmyk(0%, 43%, 35%, 14%)
Oklch
oklch(69.5% 0.119 8.5)

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

#D7CAC3

Apricot · LightGray · Peach Orange

HEX
#D7CAC3
RGB
rgb(215, 202, 195)
HSL
hsl(21, 20%, 80%)
HSB
hsb(21, 9%, 84%)
CMYK
cmyk(0%, 6%, 9%, 16%)
Oklch
oklch(84.8% 0.018 50.4)

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

#BFE4CD

Celadon · LightGray · Mint Green

HEX
#BFE4CD
RGB
rgb(191, 228, 205)
HSL
hsl(143, 41%, 82%)
HSB
hsb(143, 16%, 89%)
CMYK
cmyk(16%, 0%, 10%, 11%)
Oklch
oklch(88.6% 0.050 157.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

662960
29662F

Analogous

4E2966
662960
662941

Triadic

662960
606629
296066

Split-Comp.

662960
416629
29664E

Tetradic

662960
664E29
29662F
294166

Contrast Matrix WCAG 2.1 Contrast

662960
976C7D
DB7C8E
D7CAC3
BFE4CD
—
2.3
Fail
3.6
AA Large
6.4
AA
7.4
AAA
2.3
Fail
—
1.5
Fail
2.8
Fail
3.2
AA Large
3.6
AA Large
1.5
Fail
—
1.8
Fail
2.1
Fail
6.4
AA
2.8
Fail
1.8
Fail
—
1.2
Fail
7.4
AAA
3.2
AA Large
2.1
Fail
1.2
Fail
—
White BG
10.2AAA
4.4AA Large
2.9Fail
1.6Fail
1.4Fail
Black BG
2.1Fail
4.8AA
7.3AAA
13.1AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4B53
848479
B2B18A
D1D1C5
CFCFD3

Deuteranopia

4F544F
878A78
B7BE89
D2D3C5
CDCAD4

Tritanopia

634846
957675
D68685
D6C6C6
C1D7D8

Achromatopsia

424242
7B7B7B
9A9A9A
CDCDCD
D6D6D6

Shades & Tints Shades & Tints

#662960

Dark
Light

#976C7D

Dark
Light

#DB7C8E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #662960;
  --color-2: #976c7d;
  --color-3: #db7c8e;
  --color-4: #d7cac3;
  --color-5: #bfe4cd;
}

SCSS

$color-1: #662960;
$color-2: #976c7d;
$color-3: #db7c8e;
$color-4: #d7cac3;
$color-5: #bfe4cd;

TAILWIND

colors: {
  'brand-1': '#662960',
  'brand-2': '#976c7d',
  'brand-3': '#db7c8e',
  'brand-4': '#d7cac3',
  'brand-5': '#bfe4cd',
}

RGB Array

[102, 41, 96], [151, 108, 125], [219, 124, 142], [215, 202, 195], [191, 228, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #662960, #976C7D, #DB7C8E, #D7CAC3, #BFE4CD 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: #662960; --color-2: #976c7d; --color-3: #db7c8e; --color-4: #d7cac3; --color-5: #bfe4cd. 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