← Back to Editor

#C00618 · #FF0400 · #B91E00 · #8F0700 · #480A0F

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

#C00618

Vermilion · FireBrick · Wine Red

HEX
#C00618
RGB
rgb(192, 6, 24)
HSL
hsl(354, 94%, 39%)
HSB
hsb(354, 97%, 75%)
CMYK
cmyk(0%, 97%, 88%, 25%)
Oklch
oklch(51.0% 0.205 26.5)

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

#FF0400

Vermilion · Red · Passion Red

HEX
#FF0400
RGB
rgb(255, 4, 0)
HSL
hsl(1, 100%, 50%)
HSB
hsb(1, 100%, 100%)
CMYK
cmyk(0%, 98%, 100%, 0%)
Oklch
oklch(62.9% 0.257 29.4)

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

#B91E00

Vermilion · FireBrick · Wine Red

HEX
#B91E00
RGB
rgb(185, 30, 0)
HSL
hsl(10, 100%, 36%)
HSB
hsb(10, 100%, 73%)
CMYK
cmyk(0%, 84%, 100%, 27%)
Oklch
oklch(50.5% 0.192 32.0)

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

#8F0700

Vermilion · DarkRed · Wine Red

HEX
#8F0700
RGB
rgb(143, 7, 0)
HSL
hsl(3, 100%, 28%)
HSB
hsb(3, 100%, 56%)
CMYK
cmyk(0%, 95%, 100%, 44%)
Oklch
oklch(41.1% 0.165 30.0)

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

#480A0F

Vermilion · Maroon · Deep Berry

HEX
#480A0F
RGB
rgb(72, 10, 15)
HSL
hsl(355, 76%, 16%)
HSB
hsb(355, 86%, 28%)
CMYK
cmyk(0%, 86%, 79%, 72%)
Oklch
oklch(26.5% 0.091 22.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C00618
06C1AE

Analogous

C10676
C00618
C15106

Triadic

C00618
19C106
0619C1

Split-Comp.

C00618
06C151
0676C1

Tetradic

C00618
76C106
06C1AE
5106C1

Contrast Matrix WCAG 2.1 Contrast

C00618
FF0400
B91E00
8F0700
480A0F
—
1.6
Fail
1.0
Fail
1.5
Fail
2.5
Fail
1.6
Fail
—
1.6
Fail
2.4
Fail
4.0
AA Large
1.0
Fail
1.6
Fail
—
1.5
Fail
2.5
Fail
1.5
Fail
2.4
Fail
1.5
Fail
—
1.7
Fail
2.5
Fail
4.0
AA Large
2.5
Fail
1.7
Fail
—
White BG
6.4AA
4.0AA Large
6.5AA
9.6AAA
15.8AAA
Black BG
3.3AA Large
5.3AA
3.2AA Large
2.2Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6E14
929001
767407
545302
2D2D0E

Deuteranopia

7A8813
A1B401
7F8B09
5C6602
31350E

Tritanopia

B7100F
F20202
B10D0E
880303
450D0D

Achromatopsia

404040
4F4F4F
494949
2F2F2F
1D1D1D

Shades & Tints Shades & Tints

#C00618

Dark
Light

#FF0400

Dark
Light

#B91E00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c00618;
  --color-2: #ff0400;
  --color-3: #b91e00;
  --color-4: #8f0700;
  --color-5: #480a0f;
}

SCSS

$color-1: #c00618;
$color-2: #ff0400;
$color-3: #b91e00;
$color-4: #8f0700;
$color-5: #480a0f;

TAILWIND

colors: {
  'brand-1': '#c00618',
  'brand-2': '#ff0400',
  'brand-3': '#b91e00',
  'brand-4': '#8f0700',
  'brand-5': '#480a0f',
}

RGB Array

[192, 6, 24], [255, 4, 0], [185, 30, 0], [143, 7, 0], [72, 10, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C00618, #FF0400, #B91E00, #8F0700, #480A0F 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: #c00618; --color-2: #ff0400; --color-3: #b91e00; --color-4: #8f0700; --color-5: #480a0f. 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