← Back to Editor

#D9C962 · #000000 · #964E83 · #A36A8B · #B6A0AD

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

#D9C962

Fresh Green · BurlyWood · Sunflower

HEX
#D9C962
RGB
rgb(217, 201, 98)
HSL
hsl(52, 61%, 62%)
HSB
hsb(52, 55%, 85%)
CMYK
cmyk(0%, 7%, 55%, 15%)
Oklch
oklch(82.9% 0.125 100.6)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#964E83

Rose Purple · Gray · Violet

HEX
#964E83
RGB
rgb(150, 78, 131)
HSL
hsl(316, 32%, 45%)
HSB
hsb(316, 48%, 59%)
CMYK
cmyk(0%, 48%, 13%, 41%)
Oklch
oklch(52.9% 0.118 338.0)

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

#A36A8B

Rose Purple · Gray · Rose Pink

HEX
#A36A8B
RGB
rgb(163, 106, 139)
HSL
hsl(325, 24%, 53%)
HSB
hsb(325, 35%, 64%)
CMYK
cmyk(0%, 35%, 15%, 36%)
Oklch
oklch(59.5% 0.085 344.3)

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

#B6A0AD

Mauve · DarkGray · Rose Pink

HEX
#B6A0AD
RGB
rgb(182, 160, 173)
HSL
hsl(325, 13%, 67%)
HSB
hsb(325, 12%, 71%)
CMYK
cmyk(0%, 12%, 5%, 29%)
Oklch
oklch(72.9% 0.031 341.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9C962
6373D9

Analogous

D98E63
D9C962
AED963

Triadic

D9C962
63D9C9
C963D9

Split-Comp.

D9C962
63AED9
8E63D9

Tetradic

D9C962
63D98E
6373D9
D963AE

Contrast Matrix WCAG 2.1 Contrast

D9C962
000000
964E83
A36A8B
B6A0AD
—
12.5
AAA
3.4
AA Large
2.5
Fail
1.4
Fail
12.5
AAA
—
3.7
AA Large
5.0
AA
8.6
AAA
3.4
AA Large
3.7
AA Large
—
1.3
Fail
2.3
Fail
2.5
Fail
5.0
AA
1.3
Fail
—
1.7
Fail
1.4
Fail
8.6
AAA
2.3
Fail
1.7
Fail
—
White BG
1.7Fail
21.0AAA
5.7AA
4.2AA Large
2.4Fail
Black BG
12.5AAA
1.0Fail
3.7AA Large
5.0AA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D27B
000000
777676
8A8A83
ACACAA

Deuteranopia

D3D481
000000
7B8073
8E9281
AEAFA9

Tritanopia

D88F93
000000
926C6A
A07D7B
B5A7A7

Achromatopsia

C2C2C2
000000
6A6A6A
7F7F7F
A8A8A8

Shades & Tints Shades & Tints

#D9C962

Dark
Light

#000000

Dark
Light

#964E83

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9c962;
  --color-2: #000000;
  --color-3: #964e83;
  --color-4: #a36a8b;
  --color-5: #b6a0ad;
}

SCSS

$color-1: #d9c962;
$color-2: #000000;
$color-3: #964e83;
$color-4: #a36a8b;
$color-5: #b6a0ad;

TAILWIND

colors: {
  'brand-1': '#d9c962',
  'brand-2': '#000000',
  'brand-3': '#964e83',
  'brand-4': '#a36a8b',
  'brand-5': '#b6a0ad',
}

RGB Array

[217, 201, 98], [0, 0, 0], [150, 78, 131], [163, 106, 139], [182, 160, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9C962, #000000, #964E83, #A36A8B, #B6A0AD 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: #d9c962; --color-2: #000000; --color-3: #964e83; --color-4: #a36a8b; --color-5: #b6a0ad. 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