← Back to Editor

#801D32 · #44010A · #000000 · #0041A4 · #078EE0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#801D32

Vermilion · Brown · Wine Red

HEX
#801D32
RGB
rgb(128, 29, 50)
HSL
hsl(347, 63%, 31%)
HSB
hsb(347, 77%, 50%)
CMYK
cmyk(0%, 77%, 61%, 50%)
Oklch
oklch(40.2% 0.133 13.7)

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

#44010A

Vermilion · Maroon · Deep Berry

HEX
#44010A
RGB
rgb(68, 1, 10)
HSL
hsl(352, 97%, 14%)
HSB
hsb(352, 99%, 27%)
CMYK
cmyk(0%, 99%, 85%, 73%)
Oklch
oklch(24.6% 0.097 21.2)

Traditional「Vermilion」· Paint「Deep Berry」· 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

#0041A4

Indigo · MidnightBlue · Prussian Blue

HEX
#0041A4
RGB
rgb(0, 65, 164)
HSL
hsl(216, 100%, 32%)
HSB
hsb(216, 100%, 64%)
CMYK
cmyk(100%, 60%, 0%, 36%)
Oklch
oklch(41.0% 0.170 260.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#078EE0

Lake Blue · DodgerBlue · Navy Blue

HEX
#078EE0
RGB
rgb(7, 142, 224)
HSL
hsl(203, 94%, 45%)
HSB
hsb(203, 97%, 88%)
CMYK
cmyk(97%, 37%, 0%, 12%)
Oklch
oklch(62.6% 0.158 245.6)

Traditional「Lake Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

801D32
1D816B

Analogous

811D65
801D32
81391D

Triadic

801D32
33811D
1D3381

Split-Comp.

801D32
1D8139
1D6581

Tetradic

801D32
65811D
1D816B
391D81

Contrast Matrix WCAG 2.1 Contrast

801D32
44010A
000000
0041A4
078EE0
—
1.7
Fail
2.1
Fail
1.1
Fail
2.8
Fail
1.7
Fail
—
1.3
Fail
1.8
Fail
4.7
AA
2.1
Fail
1.3
Fail
—
2.3
Fail
6.0
AA
1.1
Fail
1.8
Fail
2.3
Fail
—
2.6
Fail
2.8
Fail
4.7
AA
6.0
AA
2.6
Fail
—
White BG
9.8AAA
16.7AAA
21.0AAA
9.2AAA
3.5AA Large
Black BG
2.1Fail
1.3Fail
1.0Fail
2.3Fail
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

55542D
272608
000000
1C1D8C
4143CC

Deuteranopia

5B622C
2B3007
000000
181486
3A30C7

Tritanopia

7B2928
410606
000000
037975
0EBCB9

Achromatopsia

3D3D3D
161616
000000
393939
6F6F6F

Shades & Tints Shades & Tints

#801D32

Dark
Light

#44010A

Dark
Light

#000000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #801d32;
  --color-2: #44010a;
  --color-3: #000000;
  --color-4: #0041a4;
  --color-5: #078ee0;
}

SCSS

$color-1: #801d32;
$color-2: #44010a;
$color-3: #000000;
$color-4: #0041a4;
$color-5: #078ee0;

TAILWIND

colors: {
  'brand-1': '#801d32',
  'brand-2': '#44010a',
  'brand-3': '#000000',
  'brand-4': '#0041a4',
  'brand-5': '#078ee0',
}

RGB Array

[128, 29, 50], [68, 1, 10], [0, 0, 0], [0, 65, 164], [7, 142, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #801D32, #44010A, #000000, #0041A4, #078EE0 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #801d32; --color-2: #44010a; --color-3: #000000; --color-4: #0041a4; --color-5: #078ee0. 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 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