← Back to Editor

#C21226 · #941020 · #650E1A · #370B14 · #08090E

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 App

Color Details Color Details

#C21226

Vermilion · FireBrick · Passion Red

HEX
#C21226
RGB
rgb(194, 18, 38)
HSL
hsl(353, 83%, 42%)
HSB
hsb(353, 91%, 76%)
CMYK
cmyk(0%, 91%, 80%, 24%)
Oklch
oklch(51.9% 0.202 24.3)

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

#941020

Vermilion · Brown · Wine Red

HEX
#941020
RGB
rgb(148, 16, 32)
HSL
hsl(353, 80%, 32%)
HSB
hsb(353, 89%, 58%)
CMYK
cmyk(0%, 89%, 78%, 42%)
Oklch
oklch(42.8% 0.163 22.9)

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

#650E1A

Vermilion · Maroon · Wine Red

HEX
#650E1A
RGB
rgb(101, 14, 26)
HSL
hsl(352, 76%, 23%)
HSB
hsb(352, 86%, 40%)
CMYK
cmyk(0%, 86%, 74%, 60%)
Oklch
oklch(33.1% 0.119 20.2)

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

#370B14

Vermilion · Black · Deep Berry

HEX
#370B14
RGB
rgb(55, 11, 20)
HSL
hsl(348, 67%, 13%)
HSB
hsb(348, 80%, 22%)
CMYK
cmyk(0%, 80%, 64%, 78%)
Oklch
oklch(23.1% 0.070 12.5)

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

#08090E

Indigo · Black · Deep Sea Blue

HEX
#08090E
RGB
rgb(8, 9, 14)
HSL
hsl(230, 27%, 4%)
HSB
hsb(230, 43%, 5%)
CMYK
cmyk(43%, 36%, 0%, 95%)
Oklch
oklch(14.1% 0.011 275.2)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C21226
12C4AF

Analogous

C41280
C21226
C45612

Triadic

C21226
27C412
1227C4

Split-Comp.

C21226
12C456
1280C4

Tetradic

C21226
80C412
12C4AF
5612C4

Contrast Matrix WCAG 2.1 Contrast

C21226
941020
650E1A
370B14
08090E
—
1.4
Fail
2.1
Fail
2.8
Fail
3.2
AA Large
1.4
Fail
—
1.4
Fail
1.9
Fail
2.2
Fail
2.1
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
2.8
Fail
1.9
Fail
1.3
Fail
—
1.2
Fail
3.2
AA Large
2.2
Fail
1.5
Fail
1.2
Fail
—
White BG
6.2AA
8.9AAA
12.9AAA
17.2AAA
19.9AAA
Black BG
3.4AA Large
2.4Fail
1.6Fail
1.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

767421
5B5A1C
3F3F17
242412
08080D

Deuteranopia

808D20
636C1B
444B16
272A11
08080C

Tritanopia

B91D1D
8D1918
611514
351010
080C0C

Achromatopsia

494949
393939
292929
191919
090909

Shades & Tints Shades & Tints

#C21226

Dark
Light

#941020

Dark
Light

#650E1A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c21226;
  --color-2: #941020;
  --color-3: #650e1a;
  --color-4: #370b14;
  --color-5: #08090e;
}

SCSS

$color-1: #c21226;
$color-2: #941020;
$color-3: #650e1a;
$color-4: #370b14;
$color-5: #08090e;

TAILWIND

colors: {
  'brand-1': '#c21226',
  'brand-2': '#941020',
  'brand-3': '#650e1a',
  'brand-4': '#370b14',
  'brand-5': '#08090e',
}

RGB Array

[194, 18, 38], [148, 16, 32], [101, 14, 26], [55, 11, 20], [8, 9, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C21226, #941020, #650E1A, #370B14, #08090E 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: #c21226; --color-2: #941020; --color-3: #650e1a; --color-4: #370b14; --color-5: #08090e. 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