← Back to Editor

#CD1C00 · #000000 · #D0AF82 · #AE7E32 · #6F7B6D

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

#CD1C00

Vermilion · FireBrick · Wine Red

HEX
#CD1C00
RGB
rgb(205, 28, 0)
HSL
hsl(8, 100%, 40%)
HSB
hsb(8, 100%, 80%)
CMYK
cmyk(0%, 86%, 100%, 20%)
Oklch
oklch(54.2% 0.210 31.2)

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

#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

#D0AF82

Ginger · Tan · Warm Sun

HEX
#D0AF82
RGB
rgb(208, 175, 130)
HSL
hsl(35, 45%, 66%)
HSB
hsb(35, 38%, 82%)
CMYK
cmyk(0%, 16%, 38%, 18%)
Oklch
oklch(77.2% 0.071 75.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#AE7E32

Ochre · DarkGoldenRod · Amber Brown

HEX
#AE7E32
RGB
rgb(174, 126, 50)
HSL
hsl(37, 55%, 44%)
HSB
hsb(37, 71%, 68%)
CMYK
cmyk(0%, 28%, 71%, 32%)
Oklch
oklch(62.7% 0.109 75.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#6F7B6D

Ink Gray · DimGray · Warm Gray

HEX
#6F7B6D
RGB
rgb(111, 123, 109)
HSL
hsl(111, 6%, 45%)
HSB
hsb(111, 11%, 48%)
CMYK
cmyk(10%, 0%, 11%, 52%)
Oklch
oklch(56.9% 0.026 141.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CD1C00
00B1CC

Analogous

CC004B
CD1C00
CC8100

Triadic

CD1C00
00CC1B
1B00CC

Split-Comp.

CD1C00
00CC81
004BCC

Tetradic

CD1C00
4BCC00
00B1CC
8100CC

Contrast Matrix WCAG 2.1 Contrast

CD1C00
000000
D0AF82
AE7E32
6F7B6D
—
3.8
AA Large
2.7
Fail
1.5
Fail
1.3
Fail
3.8
AA Large
—
10.1
AAA
5.8
AA
4.7
AA
2.7
Fail
10.1
AAA
—
1.7
Fail
2.1
Fail
1.5
Fail
5.8
AA
1.7
Fail
—
1.2
Fail
1.3
Fail
4.7
AA
2.1
Fail
1.2
Fail
—
White BG
5.6AA
21.0AAA
2.1Fail
3.6AA Large
4.4AA Large
Black BG
3.8AA Large
1.0Fail
10.1AAA
5.8AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

807F07
000000
C2C18D
999944
747470

Deuteranopia

8B9808
000000
C4C690
9CA049
747371

Tritanopia

C40C0D
000000
CE9597
AC5356
707374

Achromatopsia

4E4E4E
000000
B4B4B4
848484
767676

Shades & Tints Shades & Tints

#CD1C00

Dark
Light

#000000

Dark
Light

#D0AF82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cd1c00;
  --color-2: #000000;
  --color-3: #d0af82;
  --color-4: #ae7e32;
  --color-5: #6f7b6d;
}

SCSS

$color-1: #cd1c00;
$color-2: #000000;
$color-3: #d0af82;
$color-4: #ae7e32;
$color-5: #6f7b6d;

TAILWIND

colors: {
  'brand-1': '#cd1c00',
  'brand-2': '#000000',
  'brand-3': '#d0af82',
  'brand-4': '#ae7e32',
  'brand-5': '#6f7b6d',
}

RGB Array

[205, 28, 0], [0, 0, 0], [208, 175, 130], [174, 126, 50], [111, 123, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CD1C00, #000000, #D0AF82, #AE7E32, #6F7B6D 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: #cd1c00; --color-2: #000000; --color-3: #d0af82; --color-4: #ae7e32; --color-5: #6f7b6d. 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