← Back to Editor

#C00010 · #E12C00 · #FD740C · #FDFEF6 · #B50858

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 AppData Visualization

Color Details Color Details

#C00010

Vermilion · FireBrick · Wine Red

HEX
#C00010
RGB
rgb(192, 0, 16)
HSL
hsl(355, 100%, 38%)
HSB
hsb(355, 100%, 75%)
CMYK
cmyk(0%, 100%, 92%, 25%)
Oklch
oklch(50.8% 0.207 27.5)

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

#E12C00

Vermilion · OrangeRed · Passion Red

HEX
#E12C00
RGB
rgb(225, 44, 0)
HSL
hsl(12, 100%, 44%)
HSB
hsb(12, 100%, 88%)
CMYK
cmyk(0%, 80%, 100%, 12%)
Oklch
oklch(58.8% 0.219 32.7)

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

#FD740C

Tangerine · Chocolate · Warm Sun

HEX
#FD740C
RGB
rgb(253, 116, 12)
HSL
hsl(26, 98%, 52%)
HSB
hsb(26, 95%, 99%)
CMYK
cmyk(0%, 54%, 95%, 1%)
Oklch
oklch(71.2% 0.191 48.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FDFEF6

Fresh Green · Snow · Lemon Cream

HEX
#FDFEF6
RGB
rgb(253, 254, 246)
HSL
hsl(67, 80%, 98%)
HSB
hsb(67, 3%, 100%)
CMYK
cmyk(0%, 0%, 3%, 0%)
Oklch
oklch(99.4% 0.011 112.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#B50858

Dark Violet · Crimson · Camellia

HEX
#B50858
RGB
rgb(181, 8, 88)
HSL
hsl(332, 92%, 37%)
HSB
hsb(332, 96%, 71%)
CMYK
cmyk(0%, 96%, 51%, 29%)
Oklch
oklch(50.1% 0.198 3.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C00010
00C2B2

Analogous

C20071
C00010
C25100

Triadic

C00010
10C200
0010C2

Split-Comp.

C00010
00C251
0071C2

Tetradic

C00010
71C200
00C2B2
5100C2

Contrast Matrix WCAG 2.1 Contrast

C00010
E12C00
FD740C
FDFEF6
B50858
—
1.4
Fail
2.4
Fail
6.4
AA
1.0
Fail
1.4
Fail
—
1.7
Fail
4.5
AA
1.5
Fail
2.4
Fail
1.7
Fail
—
2.7
Fail
2.4
Fail
6.4
AA
4.5
AA
2.7
Fail
—
6.6
AA
1.0
Fail
1.5
Fail
2.4
Fail
6.6
AA
—
White BG
6.5AA
4.6AA
2.7Fail
1.0Fail
6.7AA
Black BG
3.2AA Large
4.6AA
7.7AAA
20.7AAA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6B0C
93910B
C2C025
FDFDF8
6A6945

Deuteranopia

78860B
9DAB0D
CAD42B
FDFDF8
748140

Tritanopia

B60908
D81315
F6393D
FDF9FA
AC3532

Achromatopsia

3B3B3B
5D5D5D
919191
FDFDFD
454545

Shades & Tints Shades & Tints

#C00010

Dark
Light

#E12C00

Dark
Light

#FD740C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c00010;
  --color-2: #e12c00;
  --color-3: #fd740c;
  --color-4: #fdfef6;
  --color-5: #b50858;
}

SCSS

$color-1: #c00010;
$color-2: #e12c00;
$color-3: #fd740c;
$color-4: #fdfef6;
$color-5: #b50858;

TAILWIND

colors: {
  'brand-1': '#c00010',
  'brand-2': '#e12c00',
  'brand-3': '#fd740c',
  'brand-4': '#fdfef6',
  'brand-5': '#b50858',
}

RGB Array

[192, 0, 16], [225, 44, 0], [253, 116, 12], [253, 254, 246], [181, 8, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C00010, #E12C00, #FD740C, #FDFEF6, #B50858 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #c00010; --color-2: #e12c00; --color-3: #fd740c; --color-4: #fdfef6; --color-5: #b50858. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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