← Back to Editor

#D6D6D8 · #8E1F52 · #4C969F · #FF9F87 · #2F194A

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

#D6D6D8

Silver Gray · LightGray · Pearl Gray

HEX
#D6D6D8
RGB
rgb(214, 214, 216)
HSL
hsl(240, 2%, 84%)
HSB
hsb(240, 1%, 85%)
CMYK
cmyk(1%, 1%, 0%, 15%)
Oklch
oklch(87.7% 0.003 286.3)

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

#8E1F52

Dark Violet · Brown · Camellia

HEX
#8E1F52
RGB
rgb(142, 31, 82)
HSL
hsl(332, 64%, 34%)
HSB
hsb(332, 78%, 56%)
CMYK
cmyk(0%, 78%, 42%, 44%)
Oklch
oklch(43.9% 0.152 357.8)

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

#4C969F

Slate Blue · CadetBlue · Mint Ice

HEX
#4C969F
RGB
rgb(76, 150, 159)
HSL
hsl(187, 35%, 46%)
HSB
hsb(187, 52%, 62%)
CMYK
cmyk(52%, 6%, 0%, 38%)
Oklch
oklch(62.9% 0.075 205.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#FF9F87

Peach Pink · LightSalmon · Coral Red

HEX
#FF9F87
RGB
rgb(255, 159, 135)
HSL
hsl(12, 100%, 76%)
HSB
hsb(12, 47%, 100%)
CMYK
cmyk(0%, 38%, 47%, 0%)
Oklch
oklch(79.4% 0.120 34.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#2F194A

Deep Indigo · MidnightBlue · Dark Purple

HEX
#2F194A
RGB
rgb(47, 25, 74)
HSL
hsl(267, 49%, 19%)
HSB
hsb(267, 66%, 29%)
CMYK
cmyk(36%, 66%, 0%, 71%)
Oklch
oklch(27.1% 0.088 301.5)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6D6D8
D7D7D5

Analogous

D5D6D7
D6D6D8
D6D5D7

Triadic

D6D6D8
D7D5D5
D5D7D5

Split-Comp.

D6D6D8
D7D6D5
D6D7D5

Tetradic

D6D6D8
D7D5D6
D7D7D5
D5D7D6

Contrast Matrix WCAG 2.1 Contrast

D6D6D8
8E1F52
4C969F
FF9F87
2F194A
—
5.9
AA
2.3
Fail
1.4
Fail
10.6
AAA
5.9
AA
—
2.5
Fail
4.3
AA Large
1.8
Fail
2.3
Fail
2.5
Fail
—
1.7
Fail
4.5
AA
1.4
Fail
4.3
AA Large
1.7
Fail
—
7.8
AAA
10.6
AAA
1.8
Fail
4.5
AA
7.8
AAA
—
White BG
1.5Fail
8.5AAA
3.4AA Large
2.0Fail
15.5AAA
Black BG
14.5AAA
2.5Fail
6.2AA
10.6AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6D8
5E5D46
6C6D9D
D5D58D
25253E

Deuteranopia

D6D6D7
646D43
68629C
DBE28E
27283B

Tritanopia

D6D7D7
883C3A
509B9B
FA9192
2E3533

Achromatopsia

D6D6D6
464646
818181
B9B9B9
252525

Shades & Tints Shades & Tints

#D6D6D8

Dark
Light

#8E1F52

Dark
Light

#4C969F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6d6d8;
  --color-2: #8e1f52;
  --color-3: #4c969f;
  --color-4: #ff9f87;
  --color-5: #2f194a;
}

SCSS

$color-1: #d6d6d8;
$color-2: #8e1f52;
$color-3: #4c969f;
$color-4: #ff9f87;
$color-5: #2f194a;

TAILWIND

colors: {
  'brand-1': '#d6d6d8',
  'brand-2': '#8e1f52',
  'brand-3': '#4c969f',
  'brand-4': '#ff9f87',
  'brand-5': '#2f194a',
}

RGB Array

[214, 214, 216], [142, 31, 82], [76, 150, 159], [255, 159, 135], [47, 25, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6D6D8, #8E1F52, #4C969F, #FF9F87, #2F194A 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: #d6d6d8; --color-2: #8e1f52; --color-3: #4c969f; --color-4: #ff9f87; --color-5: #2f194a. 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