← Back to Editor

#D6D1BF · #B8B7B6 · #9A9DAD · #936DAD · #110F12

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

#D6D1BF

Goose Yellow · LightGray · Lemon Cream

HEX
#D6D1BF
RGB
rgb(214, 209, 191)
HSL
hsl(47, 22%, 79%)
HSB
hsb(47, 11%, 84%)
CMYK
cmyk(0%, 2%, 11%, 16%)
Oklch
oklch(86.0% 0.025 94.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#B8B7B6

Silver Gray · Silver · Pearl Gray

HEX
#B8B7B6
RGB
rgb(184, 183, 182)
HSL
hsl(30, 1%, 72%)
HSB
hsb(30, 1%, 72%)
CMYK
cmyk(0%, 1%, 1%, 28%)
Oklch
oklch(78.0% 0.002 67.8)

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

#9A9DAD

Azure · DarkGray · Cobalt Blue

HEX
#9A9DAD
RGB
rgb(154, 157, 173)
HSL
hsl(231, 10%, 64%)
HSB
hsb(231, 11%, 68%)
CMYK
cmyk(11%, 9%, 0%, 32%)
Oklch
oklch(69.9% 0.024 277.3)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#936DAD

Dark Plum · LightSlateGray · Violet

HEX
#936DAD
RGB
rgb(147, 109, 173)
HSL
hsl(276, 28%, 55%)
HSB
hsb(276, 37%, 68%)
CMYK
cmyk(15%, 37%, 0%, 32%)
Oklch
oklch(59.7% 0.104 310.7)

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

#110F12

Dark Plum · Black · Jet Black

HEX
#110F12
RGB
rgb(17, 15, 18)
HSL
hsl(280, 9%, 6%)
HSB
hsb(280, 17%, 7%)
CMYK
cmyk(6%, 17%, 0%, 93%)
Oklch
oklch(17.2% 0.007 314.6)

Traditional「Dark Plum」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6D1BF
BEC3D5

Analogous

D5C4BE
D6D1BF
CFD5BE

Triadic

D6D1BF
BED5D0
D0BED5

Split-Comp.

D6D1BF
BECFD5
C4BED5

Tetradic

D6D1BF
BED5C4
BEC3D5
D5BECF

Contrast Matrix WCAG 2.1 Contrast

D6D1BF
B8B7B6
9A9DAD
936DAD
110F12
—
1.3
Fail
1.8
Fail
2.7
Fail
12.5
AAA
1.3
Fail
—
1.3
Fail
2.1
Fail
9.5
AAA
1.8
Fail
1.3
Fail
—
1.6
Fail
7.1
AAA
2.7
Fail
2.1
Fail
1.6
Fail
—
4.6
AA
12.5
AAA
9.5
AAA
7.1
AAA
4.6
AA
—
White BG
1.5Fail
2.0Fail
2.7Fail
4.2AA Large
19.1AAA
Black BG
13.7AAA
10.5AAA
7.8AAA
5.0AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4C3
B8B8B6
9B9BA9
83829E
101011

Deuteranopia

D4D4C4
B8B8B6
9B9BA8
85889A
101011

Tritanopia

D6C7C8
B8B6B6
9AA6A5
91918F
111111

Achromatopsia

D0D0D0
B7B7B7
9E9E9E
808080
101010

Shades & Tints Shades & Tints

#D6D1BF

Dark
Light

#B8B7B6

Dark
Light

#9A9DAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6d1bf;
  --color-2: #b8b7b6;
  --color-3: #9a9dad;
  --color-4: #936dad;
  --color-5: #110f12;
}

SCSS

$color-1: #d6d1bf;
$color-2: #b8b7b6;
$color-3: #9a9dad;
$color-4: #936dad;
$color-5: #110f12;

TAILWIND

colors: {
  'brand-1': '#d6d1bf',
  'brand-2': '#b8b7b6',
  'brand-3': '#9a9dad',
  'brand-4': '#936dad',
  'brand-5': '#110f12',
}

RGB Array

[214, 209, 191], [184, 183, 182], [154, 157, 173], [147, 109, 173], [17, 15, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6D1BF, #B8B7B6, #9A9DAD, #936DAD, #110F12 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: #d6d1bf; --color-2: #b8b7b6; --color-3: #9a9dad; --color-4: #936dad; --color-5: #110f12. 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