← Back to Editor

#D32923 · #A21A12 · #710B01 · #470A0A · #590B01

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D32923

Vermilion · FireBrick · Passion Red

HEX
#D32923
RGB
rgb(211, 41, 35)
HSL
hsl(2, 72%, 48%)
HSB
hsb(2, 83%, 83%)
CMYK
cmyk(0%, 81%, 83%, 17%)
Oklch
oklch(56.2% 0.206 28.3)

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

#A21A12

Vermilion · FireBrick · Wine Red

HEX
#A21A12
RGB
rgb(162, 26, 18)
HSL
hsl(3, 80%, 35%)
HSB
hsb(3, 89%, 64%)
CMYK
cmyk(0%, 84%, 89%, 36%)
Oklch
oklch(46.0% 0.172 29.2)

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

#710B01

Vermilion · Maroon · Wine Red

HEX
#710B01
RGB
rgb(113, 11, 1)
HSL
hsl(5, 98%, 22%)
HSB
hsb(5, 99%, 44%)
CMYK
cmyk(0%, 90%, 99%, 56%)
Oklch
oklch(35.1% 0.135 31.0)

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

#470A0A

Vermilion · Maroon · Deep Berry

HEX
#470A0A
RGB
rgb(71, 10, 10)
HSL
hsl(0, 75%, 16%)
HSB
hsb(0, 86%, 28%)
CMYK
cmyk(0%, 86%, 86%, 72%)
Oklch
oklch(26.2% 0.091 26.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#590B01

Vermilion · Maroon · Deep Berry

HEX
#590B01
RGB
rgb(89, 11, 1)
HSL
hsl(7, 98%, 18%)
HSB
hsb(7, 99%, 35%)
CMYK
cmyk(0%, 88%, 99%, 65%)
Oklch
oklch(30.0% 0.111 32.1)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D32923
22CDD3

Analogous

D32275
D32923
D38022

Triadic

D32923
22D328
2822D3

Split-Comp.

D32923
22D380
2275D3

Tetradic

D32923
75D322
22CDD3
8022D3

Contrast Matrix WCAG 2.1 Contrast

D32923
A21A12
710B01
470A0A
590B01
—
1.5
Fail
2.3
Fail
3.1
AA Large
2.8
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
1.8
Fail
2.3
Fail
1.5
Fail
—
1.3
Fail
1.2
Fail
3.1
AA Large
2.0
Fail
1.3
Fail
—
1.1
Fail
2.8
Fail
1.8
Fail
1.2
Fail
1.1
Fail
—
White BG
5.1AA
7.8AAA
12.0AAA
16.0AAA
14.3AAA
Black BG
4.1AA Large
2.7Fail
1.8Fail
1.3Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

898824
676614
454403
2D2C0A
373703

Deuteranopia

93A025
6F7914
4B5204
30350A
3C4204

Tritanopia

CB2626
9B1516
6C0506
440A0A
550506

Achromatopsia

5B5B5B
424242
282828
1C1C1C
212121

Shades & Tints Shades & Tints

#D32923

Dark
Light

#A21A12

Dark
Light

#710B01

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d32923;
  --color-2: #a21a12;
  --color-3: #710b01;
  --color-4: #470a0a;
  --color-5: #590b01;
}

SCSS

$color-1: #d32923;
$color-2: #a21a12;
$color-3: #710b01;
$color-4: #470a0a;
$color-5: #590b01;

TAILWIND

colors: {
  'brand-1': '#d32923',
  'brand-2': '#a21a12',
  'brand-3': '#710b01',
  'brand-4': '#470a0a',
  'brand-5': '#590b01',
}

RGB Array

[211, 41, 35], [162, 26, 18], [113, 11, 1], [71, 10, 10], [89, 11, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D32923, #A21A12, #710B01, #470A0A, #590B01 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d32923; --color-2: #a21a12; --color-3: #710b01; --color-4: #470a0a; --color-5: #590b01. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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