← Back to Editor

#C03048 · #901830 · #781830 · #F04860 · #E3CA2B

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

#C03048

Crimson · Brown · Passion Red

HEX
#C03048
RGB
rgb(192, 48, 72)
HSL
hsl(350, 60%, 47%)
HSB
hsb(350, 75%, 75%)
CMYK
cmyk(0%, 75%, 63%, 25%)
Oklch
oklch(53.9% 0.179 16.6)

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

#901830

Vermilion · Brown · Wine Red

HEX
#901830
RGB
rgb(144, 24, 48)
HSL
hsl(348, 71%, 33%)
HSB
hsb(348, 83%, 56%)
CMYK
cmyk(0%, 83%, 67%, 44%)
Oklch
oklch(42.7% 0.153 16.6)

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

#781830

Vermilion · Brown · Wine Red

HEX
#781830
RGB
rgb(120, 24, 48)
HSL
hsl(345, 67%, 28%)
HSB
hsb(345, 80%, 47%)
CMYK
cmyk(0%, 80%, 60%, 53%)
Oklch
oklch(38.2% 0.130 11.9)

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

#F04860

Peach Pink · Tomato · Coral Red

HEX
#F04860
RGB
rgb(240, 72, 96)
HSL
hsl(351, 85%, 61%)
HSB
hsb(351, 70%, 94%)
CMYK
cmyk(0%, 70%, 60%, 6%)
Oklch
oklch(64.7% 0.203 17.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E3CA2B

Autumn Sage · GoldenRod · Sunflower

HEX
#E3CA2B
RGB
rgb(227, 202, 43)
HSL
hsl(52, 77%, 53%)
HSB
hsb(52, 81%, 89%)
CMYK
cmyk(0%, 11%, 81%, 11%)
Oklch
oklch(83.5% 0.164 99.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C03048
30C0A8

Analogous

C03090
C03048
C06030

Triadic

C03048
48C030
3048C0

Split-Comp.

C03048
30C060
3090C0

Tetradic

C03048
90C030
30C0A8
6030C0

Contrast Matrix WCAG 2.1 Contrast

C03048
901830
781830
F04860
E3CA2B
—
1.6
Fail
1.9
Fail
1.5
Fail
3.4
AA Large
1.6
Fail
—
1.2
Fail
2.5
Fail
5.4
AA
1.9
Fail
1.2
Fail
—
2.9
Fail
6.5
AA
1.5
Fail
2.5
Fail
2.9
Fail
—
2.2
Fail
3.4
AA Large
5.4
AA
6.5
AA
2.2
Fail
—
White BG
5.6AA
8.9AAA
10.6AAA
3.6AA Large
1.6Fail
Black BG
3.8AA Large
2.4Fail
2.0Fail
5.8AA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

828042
5C5B2A
4E4E2A
A7A65A
D8D851

Deuteranopia

8A9541
636C29
545B29
B1BE59
DADB5B

Tritanopia

B93E3D
8A2625
732625
E85655
E27077

Achromatopsia

5E5E5E
3F3F3F
373737
7D7D7D
BFBFBF

Shades & Tints Shades & Tints

#C03048

Dark
Light

#901830

Dark
Light

#781830

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c03048;
  --color-2: #901830;
  --color-3: #781830;
  --color-4: #f04860;
  --color-5: #e3ca2b;
}

SCSS

$color-1: #c03048;
$color-2: #901830;
$color-3: #781830;
$color-4: #f04860;
$color-5: #e3ca2b;

TAILWIND

colors: {
  'brand-1': '#c03048',
  'brand-2': '#901830',
  'brand-3': '#781830',
  'brand-4': '#f04860',
  'brand-5': '#e3ca2b',
}

RGB Array

[192, 48, 72], [144, 24, 48], [120, 24, 48], [240, 72, 96], [227, 202, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C03048, #901830, #781830, #F04860, #E3CA2B 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: #c03048; --color-2: #901830; --color-3: #781830; --color-4: #f04860; --color-5: #e3ca2b. 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