← Back to Editor

#CDCDCB · #C9CD04 · #B7BAA5 · #A0A374 · #0327A1

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#CDCDCB

Silver Gray · LightGray · Pearl Gray

HEX
#CDCDCB
RGB
rgb(205, 205, 203)
HSL
hsl(60, 2%, 80%)
HSB
hsb(60, 1%, 80%)
CMYK
cmyk(0%, 0%, 1%, 20%)
Oklch
oklch(84.8% 0.003 106.5)

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

#C9CD04

Autumn Sage · GoldenRod · Honey Gold

HEX
#C9CD04
RGB
rgb(201, 205, 4)
HSL
hsl(61, 96%, 41%)
HSB
hsb(61, 98%, 80%)
CMYK
cmyk(2%, 0%, 98%, 20%)
Oklch
oklch(81.8% 0.179 111.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#B7BAA5

Fresh Green · DarkGray · Sunflower

HEX
#B7BAA5
RGB
rgb(183, 186, 165)
HSL
hsl(69, 13%, 69%)
HSB
hsb(69, 11%, 73%)
CMYK
cmyk(2%, 0%, 11%, 27%)
Oklch
oklch(78.1% 0.029 113.7)

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

#A0A374

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A0A374
RGB
rgb(160, 163, 116)
HSL
hsl(64, 20%, 55%)
HSB
hsb(64, 29%, 64%)
CMYK
cmyk(2%, 0%, 29%, 36%)
Oklch
oklch(70.1% 0.065 111.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#0327A1

Indigo · Navy · Prussian Blue

HEX
#0327A1
RGB
rgb(3, 39, 161)
HSL
hsl(226, 96%, 32%)
HSB
hsb(226, 98%, 63%)
CMYK
cmyk(98%, 76%, 0%, 37%)
Oklch
oklch(35.9% 0.196 264.1)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDCDCB
CBCBCD

Analogous

CDCCCB
CDCDCB
CCCDCB

Triadic

CDCDCB
CBCDCD
CDCBCD

Split-Comp.

CDCDCB
CBCCCD
CCCBCD

Tetradic

CDCDCB
CBCDCC
CBCBCD
CDCBCC

Contrast Matrix WCAG 2.1 Contrast

CDCDCB
C9CD04
B7BAA5
A0A374
0327A1
—
1.1
Fail
1.2
Fail
1.7
Fail
7.3
AAA
1.1
Fail
—
1.2
Fail
1.5
Fail
6.8
AA
1.2
Fail
1.2
Fail
—
1.3
Fail
5.8
AA
1.7
Fail
1.5
Fail
1.3
Fail
—
4.4
AA Large
7.3
AAA
6.8
AA
5.8
AA
4.4
AA Large
—
White BG
1.6Fail
1.7Fail
2.0Fail
2.6Fail
11.6AAA
Black BG
13.2AAA
12.2AAA
10.6AAA
8.0AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDCB
CBCB35
B8B8AA
A1A17F
131383

Deuteranopia

CDCDCC
CBCA40
B8B8AB
A1A182
110E7C

Tritanopia

CDCCCC
C95B63
B7AEAF
A0888A
056C67

Achromatopsia

CDCDCD
B5B5B5
B7B7B7
9D9D9D
2A2A2A

Shades & Tints Shades & Tints

#CDCDCB

Dark
Light

#C9CD04

Dark
Light

#B7BAA5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdcdcb;
  --color-2: #c9cd04;
  --color-3: #b7baa5;
  --color-4: #a0a374;
  --color-5: #0327a1;
}

SCSS

$color-1: #cdcdcb;
$color-2: #c9cd04;
$color-3: #b7baa5;
$color-4: #a0a374;
$color-5: #0327a1;

TAILWIND

colors: {
  'brand-1': '#cdcdcb',
  'brand-2': '#c9cd04',
  'brand-3': '#b7baa5',
  'brand-4': '#a0a374',
  'brand-5': '#0327a1',
}

RGB Array

[205, 205, 203], [201, 205, 4], [183, 186, 165], [160, 163, 116], [3, 39, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDCDCB, #C9CD04, #B7BAA5, #A0A374, #0327A1 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: #cdcdcb; --color-2: #c9cd04; --color-3: #b7baa5; --color-4: #a0a374; --color-5: #0327a1. 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