← Back to Editor

#79010F · #241117 · #600217 · #7E0E25 · #C6022C

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

#79010F

Vermilion · Maroon · Wine Red

HEX
#79010F
RGB
rgb(121, 1, 15)
HSL
hsl(353, 98%, 24%)
HSB
hsb(353, 99%, 47%)
CMYK
cmyk(0%, 99%, 88%, 53%)
Oklch
oklch(36.3% 0.147 25.1)

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

#241117

Dark Violet · Black · Raspberry

HEX
#241117
RGB
rgb(36, 17, 23)
HSL
hsl(341, 36%, 10%)
HSB
hsb(341, 53%, 14%)
CMYK
cmyk(0%, 53%, 36%, 86%)
Oklch
oklch(20.7% 0.033 0.1)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#600217

Vermilion · Maroon · Deep Berry

HEX
#600217
RGB
rgb(96, 2, 23)
HSL
hsl(347, 96%, 19%)
HSB
hsb(347, 98%, 38%)
CMYK
cmyk(0%, 98%, 76%, 62%)
Oklch
oklch(31.1% 0.123 18.2)

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

#7E0E25

Vermilion · Maroon · Wine Red

HEX
#7E0E25
RGB
rgb(126, 14, 37)
HSL
hsl(348, 80%, 27%)
HSB
hsb(348, 89%, 49%)
CMYK
cmyk(0%, 89%, 71%, 51%)
Oklch
oklch(38.4% 0.143 17.7)

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

#C6022C

Vermilion · Crimson · Wine Red

HEX
#C6022C
RGB
rgb(198, 2, 44)
HSL
hsl(347, 98%, 39%)
HSB
hsb(347, 99%, 78%)
CMYK
cmyk(0%, 99%, 78%, 22%)
Oklch
oklch(52.3% 0.210 21.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79010F
01796B

Analogous

79014B
79010F
792F01

Triadic

79010F
0F7901
010F79

Split-Comp.

79010F
01792F
014B79

Tetradic

79010F
4B7901
01796B
2F0179

Contrast Matrix WCAG 2.1 Contrast

79010F
241117
600217
7E0E25
C6022C
—
1.6
Fail
1.2
Fail
1.1
Fail
1.9
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
3.0
Fail
1.2
Fail
1.3
Fail
—
1.3
Fail
2.3
Fail
1.1
Fail
1.7
Fail
1.3
Fail
—
1.7
Fail
1.9
Fail
3.0
Fail
2.3
Fail
1.7
Fail
—
White BG
11.5AAA
18.0AAA
13.8AAA
10.6AAA
6.1AA
Black BG
1.8Fail
1.2Fail
1.5Fail
2.0Fail
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

45440C
1C1C16
373612
4E4C1F
716F22

Deuteranopia

4C550B
1D1E15
3D4411
545C1E
7D8B1F

Tritanopia

730908
231414
5B0E0D
781B1A
BC1A18

Achromatopsia

262626
171717
212121
323232
414141

Shades & Tints Shades & Tints

#79010F

Dark
Light

#241117

Dark
Light

#600217

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79010f;
  --color-2: #241117;
  --color-3: #600217;
  --color-4: #7e0e25;
  --color-5: #c6022c;
}

SCSS

$color-1: #79010f;
$color-2: #241117;
$color-3: #600217;
$color-4: #7e0e25;
$color-5: #c6022c;

TAILWIND

colors: {
  'brand-1': '#79010f',
  'brand-2': '#241117',
  'brand-3': '#600217',
  'brand-4': '#7e0e25',
  'brand-5': '#c6022c',
}

RGB Array

[121, 1, 15], [36, 17, 23], [96, 2, 23], [126, 14, 37], [198, 2, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79010F, #241117, #600217, #7E0E25, #C6022C 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: #79010f; --color-2: #241117; --color-3: #600217; --color-4: #7e0e25; --color-5: #c6022c. 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