← Back to Editor

#45191A · #8A0F12 · #AD1114 · #CC1E0A · #F72A0F

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

#45191A

Crimson · Maroon · Deep Berry

HEX
#45191A
RGB
rgb(69, 25, 26)
HSL
hsl(359, 47%, 18%)
HSB
hsb(359, 64%, 27%)
CMYK
cmyk(0%, 64%, 62%, 73%)
Oklch
oklch(28.1% 0.068 21.1)

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

#8A0F12

Vermilion · DarkRed · Wine Red

HEX
#8A0F12
RGB
rgb(138, 15, 18)
HSL
hsl(359, 80%, 30%)
HSB
hsb(359, 89%, 54%)
CMYK
cmyk(0%, 89%, 87%, 46%)
Oklch
oklch(40.6% 0.155 27.0)

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

#AD1114

Vermilion · FireBrick · Wine Red

HEX
#AD1114
RGB
rgb(173, 17, 20)
HSL
hsl(359, 82%, 37%)
HSB
hsb(359, 90%, 68%)
CMYK
cmyk(0%, 90%, 88%, 32%)
Oklch
oklch(47.6% 0.186 27.6)

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

#CC1E0A

Vermilion · FireBrick · Passion Red

HEX
#CC1E0A
RGB
rgb(204, 30, 10)
HSL
hsl(6, 91%, 42%)
HSB
hsb(6, 95%, 80%)
CMYK
cmyk(0%, 85%, 95%, 20%)
Oklch
oklch(54.1% 0.208 30.5)

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

#F72A0F

Vermilion · OrangeRed · Passion Red

HEX
#F72A0F
RGB
rgb(247, 42, 15)
HSL
hsl(7, 94%, 51%)
HSB
hsb(7, 94%, 97%)
CMYK
cmyk(0%, 83%, 94%, 3%)
Oklch
oklch(62.7% 0.238 30.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

45191A
184343

Analogous

43182F
45191A
432D18

Triadic

45191A
194318
181943

Split-Comp.

45191A
18432D
182F43

Tetradic

45191A
2F4318
184343
2D1843

Contrast Matrix WCAG 2.1 Contrast

45191A
8A0F12
AD1114
CC1E0A
F72A0F
—
1.5
Fail
2.0
Fail
2.7
Fail
3.8
AA Large
1.5
Fail
—
1.3
Fail
1.7
Fail
2.5
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.7
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
3.8
AA Large
2.5
Fail
1.8
Fail
1.4
Fail
—
White BG
14.9AAA
9.7AAA
7.3AAA
5.6AA
4.0AA Large
Black BG
1.4Fail
2.2Fail
2.9Fail
3.8AA Large
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

32321A
555411
696813
817F0F
9E9C16

Deuteranopia

35381A
5C6511
737E13
8B9810
AAB917

Tritanopia

431A1A
841111
A51313
C31314
ED1B1C

Achromatopsia

262626
343434
404040
505050
646464

Shades & Tints Shades & Tints

#45191A

Dark
Light

#8A0F12

Dark
Light

#AD1114

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #45191a;
  --color-2: #8a0f12;
  --color-3: #ad1114;
  --color-4: #cc1e0a;
  --color-5: #f72a0f;
}

SCSS

$color-1: #45191a;
$color-2: #8a0f12;
$color-3: #ad1114;
$color-4: #cc1e0a;
$color-5: #f72a0f;

TAILWIND

colors: {
  'brand-1': '#45191a',
  'brand-2': '#8a0f12',
  'brand-3': '#ad1114',
  'brand-4': '#cc1e0a',
  'brand-5': '#f72a0f',
}

RGB Array

[69, 25, 26], [138, 15, 18], [173, 17, 20], [204, 30, 10], [247, 42, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #45191A, #8A0F12, #AD1114, #CC1E0A, #F72A0F 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: #45191a; --color-2: #8a0f12; --color-3: #ad1114; --color-4: #cc1e0a; --color-5: #f72a0f. 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