← Back to Editor

#C81112 · #DE7227 · #FDB431 · #FAEDA8 · #1E1819

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

#C81112

Vermilion · FireBrick · Passion Red

HEX
#C81112
RGB
rgb(200, 17, 18)
HSL
hsl(360, 84%, 43%)
HSB
hsb(360, 92%, 78%)
CMYK
cmyk(0%, 92%, 91%, 22%)
Oklch
oklch(52.8% 0.209 28.3)

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

#DE7227

Tangerine · Chocolate · Warm Sun

HEX
#DE7227
RGB
rgb(222, 114, 39)
HSL
hsl(25, 73%, 51%)
HSB
hsb(25, 82%, 87%)
CMYK
cmyk(0%, 49%, 82%, 13%)
Oklch
oklch(66.6% 0.158 50.4)

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

#FDB431

Ginger · GoldenRod · Warm Sun

HEX
#FDB431
RGB
rgb(253, 180, 49)
HSL
hsl(39, 98%, 59%)
HSB
hsb(39, 81%, 99%)
CMYK
cmyk(0%, 29%, 81%, 1%)
Oklch
oklch(81.9% 0.158 76.5)

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

#FAEDA8

Fresh Green · Wheat · Lemon Cream

HEX
#FAEDA8
RGB
rgb(250, 237, 168)
HSL
hsl(50, 89%, 82%)
HSB
hsb(50, 33%, 98%)
CMYK
cmyk(0%, 5%, 33%, 2%)
Oklch
oklch(94.1% 0.088 98.8)

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

#1E1819

Crimson · Black · Deep Berry

HEX
#1E1819
RGB
rgb(30, 24, 25)
HSL
hsl(350, 11%, 11%)
HSB
hsb(350, 20%, 12%)
CMYK
cmyk(0%, 20%, 17%, 88%)
Oklch
oklch(21.7% 0.010 6.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C81112
12CACA

Analogous

CA126E
C81112
CA6E12

Triadic

C81112
12CA12
1212CA

Split-Comp.

C81112
12CA6E
126ECA

Tetradic

C81112
6ECA12
12CACA
6E12CA

Contrast Matrix WCAG 2.1 Contrast

C81112
DE7227
FDB431
FAEDA8
1E1819
—
1.8
Fail
3.3
AA Large
5.0
AA
3.0
Fail
1.8
Fail
—
1.8
Fail
2.7
Fail
5.5
AA
3.3
AA Large
1.8
Fail
—
1.5
Fail
9.8
AAA
5.0
AA
2.7
Fail
1.5
Fail
—
14.8
AAA
3.0
Fail
5.5
AA
9.8
AAA
14.8
AAA
—
White BG
5.9AA
3.2AA Large
1.8Fail
1.2Fail
17.5AAA
Black BG
3.5AA Large
6.5AA
11.7AAA
17.7AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

797712
AFAE39
DDDD51
F4F4B9
1B1B19

Deuteranopia

839112
B6BE3D
E2E758
F5F6BD
1C1C19

Tritanopia

BF1212
D9474B
F96A6F
F9C6C9
1E1919

Achromatopsia

484848
8A8A8A
BBBBBB
E9E9E9
1A1A1A

Shades & Tints Shades & Tints

#C81112

Dark
Light

#DE7227

Dark
Light

#FDB431

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c81112;
  --color-2: #de7227;
  --color-3: #fdb431;
  --color-4: #faeda8;
  --color-5: #1e1819;
}

SCSS

$color-1: #c81112;
$color-2: #de7227;
$color-3: #fdb431;
$color-4: #faeda8;
$color-5: #1e1819;

TAILWIND

colors: {
  'brand-1': '#c81112',
  'brand-2': '#de7227',
  'brand-3': '#fdb431',
  'brand-4': '#faeda8',
  'brand-5': '#1e1819',
}

RGB Array

[200, 17, 18], [222, 114, 39], [253, 180, 49], [250, 237, 168], [30, 24, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C81112, #DE7227, #FDB431, #FAEDA8, #1E1819 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: #c81112; --color-2: #de7227; --color-3: #fdb431; --color-4: #faeda8; --color-5: #1e1819. 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