← Back to Editor

#2D181D · #480202 · #830115 · #BD0420 · #EC0F16

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

#2D181D

Crimson · Black · Deep Berry

HEX
#2D181D
RGB
rgb(45, 24, 29)
HSL
hsl(346, 30%, 14%)
HSB
hsb(346, 47%, 18%)
CMYK
cmyk(0%, 47%, 36%, 82%)
Oklch
oklch(24.0% 0.035 4.6)

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

#480202

Vermilion · Maroon · Deep Berry

HEX
#480202
RGB
rgb(72, 2, 2)
HSL
hsl(0, 95%, 15%)
HSB
hsb(0, 97%, 28%)
CMYK
cmyk(0%, 97%, 97%, 72%)
Oklch
oklch(25.5% 0.101 28.5)

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

#830115

Vermilion · Maroon · Wine Red

HEX
#830115
RGB
rgb(131, 1, 21)
HSL
hsl(351, 98%, 26%)
HSB
hsb(351, 99%, 51%)
CMYK
cmyk(0%, 99%, 84%, 49%)
Oklch
oklch(38.5% 0.155 23.8)

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

#BD0420

Vermilion · FireBrick · Wine Red

HEX
#BD0420
RGB
rgb(189, 4, 32)
HSL
hsl(351, 96%, 38%)
HSB
hsb(351, 98%, 74%)
CMYK
cmyk(0%, 98%, 83%, 26%)
Oklch
oklch(50.4% 0.203 24.6)

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

#EC0F16

Vermilion · Red · Passion Red

HEX
#EC0F16
RGB
rgb(236, 15, 22)
HSL
hsl(358, 88%, 49%)
HSB
hsb(358, 94%, 93%)
CMYK
cmyk(0%, 94%, 91%, 7%)
Oklch
oklch(59.6% 0.239 28.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D181D
192E29

Analogous

2E1929
2D181D
2E1F19

Triadic

2D181D
1E2E19
191E2E

Split-Comp.

2D181D
192E1F
19292E

Tetradic

2D181D
292E19
192E29
1F192E

Contrast Matrix WCAG 2.1 Contrast

2D181D
480202
830115
BD0420
EC0F16
—
1.0
Fail
1.6
Fail
2.5
Fail
3.7
AA Large
1.0
Fail
—
1.5
Fail
2.5
Fail
3.6
AA Large
1.6
Fail
1.5
Fail
—
1.6
Fail
2.3
Fail
2.5
Fail
2.5
Fail
1.6
Fail
—
1.5
Fail
3.7
AA Large
3.6
AA Large
2.3
Fail
1.5
Fail
—
White BG
16.7AAA
16.3AAA
10.6AAA
6.6AA
4.5AA
Black BG
1.3Fail
1.3Fail
2.0Fail
3.2AA Large
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

24241C
2A2902
4B4A10
6D6B19
8C8A14

Deuteranopia

25271B
2E3302
525C0F
788518
99AA14

Tritanopia

2C1B1B
440202
7C0C0C
B41413
E11313

Achromatopsia

1F1F1F
171717
2A2A2A
3F3F3F
525252

Shades & Tints Shades & Tints

#2D181D

Dark
Light

#480202

Dark
Light

#830115

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d181d;
  --color-2: #480202;
  --color-3: #830115;
  --color-4: #bd0420;
  --color-5: #ec0f16;
}

SCSS

$color-1: #2d181d;
$color-2: #480202;
$color-3: #830115;
$color-4: #bd0420;
$color-5: #ec0f16;

TAILWIND

colors: {
  'brand-1': '#2d181d',
  'brand-2': '#480202',
  'brand-3': '#830115',
  'brand-4': '#bd0420',
  'brand-5': '#ec0f16',
}

RGB Array

[45, 24, 29], [72, 2, 2], [131, 1, 21], [189, 4, 32], [236, 15, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2D181D, #480202, #830115, #BD0420, #EC0F16 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: #2d181d; --color-2: #480202; --color-3: #830115; --color-4: #bd0420; --color-5: #ec0f16. 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