← Back to Editor

#CDD17D · #C9A728 · #192E38 · #050505 · #6B0B0B

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

#CDD17D

Fresh Green · BurlyWood · Sunflower

HEX
#CDD17D
RGB
rgb(205, 209, 125)
HSL
hsl(63, 48%, 65%)
HSB
hsb(63, 40%, 82%)
CMYK
cmyk(2%, 0%, 40%, 18%)
Oklch
oklch(83.9% 0.107 110.9)

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

#C9A728

Ochre · GoldenRod · Honey Gold

HEX
#C9A728
RGB
rgb(201, 167, 40)
HSL
hsl(47, 67%, 47%)
HSB
hsb(47, 80%, 79%)
CMYK
cmyk(0%, 17%, 80%, 21%)
Oklch
oklch(73.8% 0.140 92.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#192E38

Slate Blue · DarkSlateGray · Peacock Green

HEX
#192E38
RGB
rgb(25, 46, 56)
HSL
hsl(199, 38%, 16%)
HSB
hsb(199, 55%, 22%)
CMYK
cmyk(55%, 18%, 0%, 78%)
Oklch
oklch(28.8% 0.033 229.9)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#050505

Ink Black · Black · Jet Black

HEX
#050505
RGB
rgb(5, 5, 5)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(11.5% 0.000 89.9)

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

#6B0B0B

Vermilion · Maroon · Wine Red

HEX
#6B0B0B
RGB
rgb(107, 11, 11)
HSL
hsl(0, 81%, 23%)
HSB
hsb(0, 90%, 42%)
CMYK
cmyk(0%, 90%, 90%, 58%)
Oklch
oklch(33.9% 0.128 27.6)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDD17D
7F7BD1

Analogous

D1AA7B
CDD17D
A1D17B

Triadic

CDD17D
7BCCD1
D17BCC

Split-Comp.

CDD17D
7BA1D1
AA7BD1

Tetradic

CDD17D
7BD1AA
7F7BD1
D17BA1

Contrast Matrix WCAG 2.1 Contrast

CDD17D
C9A728
192E38
050505
6B0B0B
—
1.4
Fail
8.7
AAA
12.6
AAA
7.8
AAA
1.4
Fail
—
6.1
AA
8.8
AAA
5.4
AA
8.7
AAA
6.1
AA
—
1.4
Fail
1.1
Fail
12.6
AAA
8.8
AAA
1.4
Fail
—
1.6
Fail
7.8
AAA
5.4
AA
1.1
Fail
1.6
Fail
—
White BG
1.6Fail
2.3Fail
14.1AAA
20.4AAA
12.5AAA
Black BG
13.0AAA
9.0AAA
1.5Fail
1.0Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCF91
BABA47
222236
050505
41410B

Deuteranopia

CFCE96
BCBF4E
211F35
050505
474E0B

Tritanopia

CDA1A5
C75F64
1A3433
050505
660B0B

Achromatopsia

C6C6C6
A3A3A3
292929
050505
282828

Shades & Tints Shades & Tints

#CDD17D

Dark
Light

#C9A728

Dark
Light

#192E38

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdd17d;
  --color-2: #c9a728;
  --color-3: #192e38;
  --color-4: #050505;
  --color-5: #6b0b0b;
}

SCSS

$color-1: #cdd17d;
$color-2: #c9a728;
$color-3: #192e38;
$color-4: #050505;
$color-5: #6b0b0b;

TAILWIND

colors: {
  'brand-1': '#cdd17d',
  'brand-2': '#c9a728',
  'brand-3': '#192e38',
  'brand-4': '#050505',
  'brand-5': '#6b0b0b',
}

RGB Array

[205, 209, 125], [201, 167, 40], [25, 46, 56], [5, 5, 5], [107, 11, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDD17D, #C9A728, #192E38, #050505, #6B0B0B is ideal for: tech websites, dark mode UIs, game UIs, 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: #cdd17d; --color-2: #c9a728; --color-3: #192e38; --color-4: #050505; --color-5: #6b0b0b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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