← Back to Editor

#FD0D0C · #4F070B · #B10E29 · #960405 · #8F0208

warm

A 5-color warm 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

#FD0D0C

Vermilion · Red · Passion Red

HEX
#FD0D0C
RGB
rgb(253, 13, 12)
HSL
hsl(0, 98%, 52%)
HSB
hsb(0, 95%, 99%)
CMYK
cmyk(0%, 95%, 95%, 1%)
Oklch
oklch(62.7% 0.253 29.0)

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

#4F070B

Vermilion · Maroon · Deep Berry

HEX
#4F070B
RGB
rgb(79, 7, 11)
HSL
hsl(357, 84%, 17%)
HSB
hsb(357, 91%, 31%)
CMYK
cmyk(0%, 91%, 86%, 69%)
Oklch
oklch(27.6% 0.102 24.8)

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

#B10E29

Vermilion · FireBrick · Wine Red

HEX
#B10E29
RGB
rgb(177, 14, 41)
HSL
hsl(350, 85%, 37%)
HSB
hsb(350, 92%, 69%)
CMYK
cmyk(0%, 92%, 77%, 31%)
Oklch
oklch(48.5% 0.189 22.0)

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

#960405

Vermilion · DarkRed · Wine Red

HEX
#960405
RGB
rgb(150, 4, 5)
HSL
hsl(360, 95%, 30%)
HSB
hsb(360, 97%, 59%)
CMYK
cmyk(0%, 97%, 97%, 41%)
Oklch
oklch(42.4% 0.172 28.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Deep Ember

#8F0208

Vermilion · DarkRed · Wine Red

HEX
#8F0208
RGB
rgb(143, 2, 8)
HSL
hsl(357, 97%, 28%)
HSB
hsb(357, 99%, 56%)
CMYK
cmyk(0%, 99%, 94%, 44%)
Oklch
oklch(40.9% 0.166 27.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FD0D0C
0DFDFD

Analogous

FD0D85
FD0D0C
FD850D

Triadic

FD0D0C
0DFD0D
0D0DFD

Split-Comp.

FD0D0C
0DFD85
0D85FD

Tetradic

FD0D0C
85FD0D
0DFDFD
850DFD

Contrast Matrix WCAG 2.1 Contrast

FD0D0C
4F070B
B10E29
960405
8F0208
—
3.8
AA Large
1.8
Fail
2.3
Fail
2.4
Fail
3.8
AA Large
—
2.2
Fail
1.7
Fail
1.6
Fail
1.8
Fail
2.2
Fail
—
1.3
Fail
1.4
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
1.1
Fail
2.4
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
White BG
4.0AA Large
15.4AAA
7.1AAA
9.1AAA
9.6AAA
Black BG
5.2AA
1.4Fail
3.0Fail
2.3Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

95930C
302F0A
6A6922
575505
525107

Deuteranopia

A3B50C
34390A
748021
5F6A05
5A6506

Tritanopia

F10C0C
4B0909
A91D1C
8F0505
880505

Achromatopsia

555555
1D1D1D
424242
303030
2D2D2D

Shades & Tints Shades & Tints

#FD0D0C

Dark
Light

#4F070B

Dark
Light

#B10E29

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fd0d0c;
  --color-2: #4f070b;
  --color-3: #b10e29;
  --color-4: #960405;
  --color-5: #8f0208;
}

SCSS

$color-1: #fd0d0c;
$color-2: #4f070b;
$color-3: #b10e29;
$color-4: #960405;
$color-5: #8f0208;

TAILWIND

colors: {
  'brand-1': '#fd0d0c',
  'brand-2': '#4f070b',
  'brand-3': '#b10e29',
  'brand-4': '#960405',
  'brand-5': '#8f0208',
}

RGB Array

[253, 13, 12], [79, 7, 11], [177, 14, 41], [150, 4, 5], [143, 2, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FD0D0C, #4F070B, #B10E29, #960405, #8F0208 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: #fd0d0c; --color-2: #4f070b; --color-3: #b10e29; --color-4: #960405; --color-5: #8f0208. 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 warm-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