← Back to Editor

#920412 · #C01910 · #D05141 · #CE8175 · #CEA67F

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

#920412

Vermilion · DarkRed · Wine Red

HEX
#920412
RGB
rgb(146, 4, 18)
HSL
hsl(354, 95%, 29%)
HSB
hsb(354, 97%, 57%)
CMYK
cmyk(0%, 97%, 88%, 43%)
Oklch
oklch(41.7% 0.167 26.0)

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

#C01910

Vermilion · FireBrick · Passion Red

HEX
#C01910
RGB
rgb(192, 25, 16)
HSL
hsl(3, 85%, 41%)
HSB
hsb(3, 92%, 75%)
CMYK
cmyk(0%, 87%, 92%, 25%)
Oklch
oklch(51.6% 0.199 29.3)

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

#D05141

Crimson · Chocolate · Passion Red

HEX
#D05141
RGB
rgb(208, 81, 65)
HSL
hsl(7, 60%, 54%)
HSB
hsb(7, 69%, 82%)
CMYK
cmyk(0%, 61%, 69%, 18%)
Oklch
oklch(60.0% 0.164 29.8)

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

#CE8175

Peach Pink · DarkSalmon · Coral Red

HEX
#CE8175
RGB
rgb(206, 129, 117)
HSL
hsl(8, 48%, 63%)
HSB
hsb(8, 43%, 81%)
CMYK
cmyk(0%, 37%, 43%, 19%)
Oklch
oklch(68.1% 0.098 29.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CEA67F

Ginger · Tan · Warm Sun

HEX
#CEA67F
RGB
rgb(206, 166, 127)
HSL
hsl(30, 45%, 65%)
HSB
hsb(30, 38%, 81%)
CMYK
cmyk(0%, 19%, 38%, 19%)
Oklch
oklch(75.2% 0.071 65.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

920412
049082

Analogous

900458
920412
903C04

Triadic

920412
129004
041290

Split-Comp.

920412
04903C
045890

Tetradic

920412
589004
049082
3C0490

Contrast Matrix WCAG 2.1 Contrast

920412
C01910
D05141
CE8175
CEA67F
—
1.5
Fail
2.2
Fail
3.1
AA Large
4.2
AA Large
1.5
Fail
—
1.5
Fail
2.1
Fail
2.8
Fail
2.2
Fail
1.5
Fail
—
1.4
Fail
1.9
Fail
3.1
AA Large
2.1
Fail
1.4
Fail
—
1.3
Fail
4.2
AA Large
2.8
Fail
1.9
Fail
1.3
Fail
—
White BG
9.3AAA
6.2AA
4.3AA Large
3.0Fail
2.2Fail
Black BG
2.2Fail
3.4AA Large
4.9AA
7.0AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

55530F
787612
999845
ADAC78
BDBC88

Deuteranopia

5D670E
818E13
A0AA46
B1B779
BFC28B

Tritanopia

8B0C0B
B81414
CA4849
CA7A7B
CC9092

Achromatopsia

303030
4A4A4A
757575
979797
AEAEAE

Shades & Tints Shades & Tints

#920412

Dark
Light

#C01910

Dark
Light

#D05141

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #920412;
  --color-2: #c01910;
  --color-3: #d05141;
  --color-4: #ce8175;
  --color-5: #cea67f;
}

SCSS

$color-1: #920412;
$color-2: #c01910;
$color-3: #d05141;
$color-4: #ce8175;
$color-5: #cea67f;

TAILWIND

colors: {
  'brand-1': '#920412',
  'brand-2': '#c01910',
  'brand-3': '#d05141',
  'brand-4': '#ce8175',
  'brand-5': '#cea67f',
}

RGB Array

[146, 4, 18], [192, 25, 16], [208, 81, 65], [206, 129, 117], [206, 166, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #920412, #C01910, #D05141, #CE8175, #CEA67F is ideal for: social media posters, mobile apps, e-commerce promos. 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: #920412; --color-2: #c01910; --color-3: #d05141; --color-4: #ce8175; --color-5: #cea67f. 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. 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