← Back to Editor

#210D2D · #D05032 · #B39F13 · #A3B0BA · #D2CCC5

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

#210D2D

Royal Purple · Black · Dark Purple

HEX
#210D2D
RGB
rgb(33, 13, 45)
HSL
hsl(278, 55%, 11%)
HSB
hsb(278, 71%, 18%)
CMYK
cmyk(27%, 71%, 0%, 82%)
Oklch
oklch(20.8% 0.065 310.9)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#D05032

Vermilion · Chocolate · Passion Red

HEX
#D05032
RGB
rgb(208, 80, 50)
HSL
hsl(11, 63%, 51%)
HSB
hsb(11, 76%, 82%)
CMYK
cmyk(0%, 62%, 76%, 18%)
Oklch
oklch(59.7% 0.168 34.5)

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

#B39F13

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#B39F13
RGB
rgb(179, 159, 19)
HSL
hsl(53, 81%, 39%)
HSB
hsb(53, 89%, 70%)
CMYK
cmyk(0%, 11%, 89%, 30%)
Oklch
oklch(69.9% 0.141 100.0)

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

#A3B0BA

Sky Blue · DarkGray · Cobalt Blue

HEX
#A3B0BA
RGB
rgb(163, 176, 186)
HSL
hsl(206, 14%, 68%)
HSB
hsb(206, 12%, 73%)
CMYK
cmyk(12%, 5%, 0%, 27%)
Oklch
oklch(75.0% 0.020 240.8)

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

#D2CCC5

Goose Yellow · LightGray · Peach Orange

HEX
#D2CCC5
RGB
rgb(210, 204, 197)
HSL
hsl(32, 13%, 80%)
HSB
hsb(32, 6%, 82%)
CMYK
cmyk(0%, 3%, 6%, 18%)
Oklch
oklch(84.8% 0.012 71.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

210D2D
182B0D

Analogous

110D2B
210D2D
2B0D27

Triadic

210D2D
2B200D
0D2B20

Split-Comp.

210D2D
272B0D
0D2B11

Tetradic

210D2D
2B110D
182B0D
0D272B

Contrast Matrix WCAG 2.1 Contrast

210D2D
D05032
B39F13
A3B0BA
D2CCC5
—
4.2
AA Large
6.8
AA
8.2
AAA
11.4
AAA
4.2
AA Large
—
1.6
Fail
1.9
Fail
2.7
Fail
6.8
AA
1.6
Fail
—
1.2
Fail
1.7
Fail
8.2
AAA
1.9
Fail
1.2
Fail
—
1.4
Fail
11.4
AAA
2.7
Fail
1.7
Fail
1.4
Fail
—
White BG
18.1AAA
4.3AA Large
2.7Fail
2.2Fail
1.6Fail
Black BG
1.2Fail
4.9AA
7.9AAA
9.5AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181825
999739
AAAA35
A9A9B8
CFCFC7

Deuteranopia

1A1B23
A0AA3B
ACAD3D
A8A7B7
D0D0C7

Tritanopia

201F1E
CA3F40
B25055
A4B6B5
D2C8C8

Achromatopsia

171717
737373
959595
ADADAD
CDCDCD

Shades & Tints Shades & Tints

#210D2D

Dark
Light

#D05032

Dark
Light

#B39F13

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #210d2d;
  --color-2: #d05032;
  --color-3: #b39f13;
  --color-4: #a3b0ba;
  --color-5: #d2ccc5;
}

SCSS

$color-1: #210d2d;
$color-2: #d05032;
$color-3: #b39f13;
$color-4: #a3b0ba;
$color-5: #d2ccc5;

TAILWIND

colors: {
  'brand-1': '#210d2d',
  'brand-2': '#d05032',
  'brand-3': '#b39f13',
  'brand-4': '#a3b0ba',
  'brand-5': '#d2ccc5',
}

RGB Array

[33, 13, 45], [208, 80, 50], [179, 159, 19], [163, 176, 186], [210, 204, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #210D2D, #D05032, #B39F13, #A3B0BA, #D2CCC5 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: #210d2d; --color-2: #d05032; --color-3: #b39f13; --color-4: #a3b0ba; --color-5: #d2ccc5. 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