← Back to Editor

#C80815 · #E87E0F · #FADA6E · #C5B358 · #702963

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

#C80815

Vermilion · FireBrick · Passion Red

HEX
#C80815
RGB
rgb(200, 8, 21)
HSL
hsl(356, 92%, 41%)
HSB
hsb(356, 96%, 78%)
CMYK
cmyk(0%, 96%, 89%, 22%)
Oklch
oklch(52.6% 0.211 27.4)

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

#E87E0F

Ochre · Chocolate · Amber Brown

HEX
#E87E0F
RGB
rgb(232, 126, 15)
HSL
hsl(31, 88%, 48%)
HSB
hsb(31, 94%, 91%)
CMYK
cmyk(0%, 46%, 94%, 9%)
Oklch
oklch(69.8% 0.165 57.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#FADA6E

Goose Yellow · Khaki · Sunflower

HEX
#FADA6E
RGB
rgb(250, 218, 110)
HSL
hsl(46, 93%, 71%)
HSB
hsb(46, 56%, 98%)
CMYK
cmyk(0%, 13%, 56%, 2%)
Oklch
oklch(89.4% 0.132 93.1)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#C5B358

Autumn Sage · SandyBrown · Sunflower

HEX
#C5B358
RGB
rgb(197, 179, 88)
HSL
hsl(50, 48%, 56%)
HSB
hsb(50, 55%, 77%)
CMYK
cmyk(0%, 9%, 55%, 23%)
Oklch
oklch(76.4% 0.114 98.3)

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

#702963

Rose Purple · Purple · Eggplant

HEX
#702963
RGB
rgb(112, 41, 99)
HSL
hsl(311, 46%, 30%)
HSB
hsb(311, 63%, 44%)
CMYK
cmyk(0%, 63%, 12%, 56%)
Oklch
oklch(40.6% 0.124 335.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C80815
08C9BC

Analogous

C90875
C80815
C95C08

Triadic

C80815
15C908
0815C9

Split-Comp.

C80815
08C95C
0875C9

Tetradic

C80815
75C908
08C9BC
5C08C9

Contrast Matrix WCAG 2.1 Contrast

C80815
E87E0F
FADA6E
C5B358
702963
—
2.1
Fail
4.4
AA Large
2.8
Fail
1.6
Fail
2.1
Fail
—
2.1
Fail
1.3
Fail
3.4
AA Large
4.4
AA Large
2.1
Fail
—
1.5
Fail
7.0
AAA
2.8
Fail
1.3
Fail
1.5
Fail
—
4.6
AA
1.6
Fail
3.4
AA Large
7.0
AAA
4.6
AA
—
White BG
6.0AA
2.8Fail
1.4Fail
2.1Fail
9.6AAA
Black BG
3.5AA Large
7.4AAA
15.3AAA
10.0AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

757312
BAB92A
ECEC88
BDBD6E
515155

Deuteranopia

808E11
C0C830
EEF08E
BEC073
555B52

Tritanopia

BE0F0F
E33F44
F89DA1
C47F83
6C4A47

Achromatopsia

434343
919191
D7D7D7
AEAEAE
454545

Shades & Tints Shades & Tints

#C80815

Dark
Light

#E87E0F

Dark
Light

#FADA6E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c80815;
  --color-2: #e87e0f;
  --color-3: #fada6e;
  --color-4: #c5b358;
  --color-5: #702963;
}

SCSS

$color-1: #c80815;
$color-2: #e87e0f;
$color-3: #fada6e;
$color-4: #c5b358;
$color-5: #702963;

TAILWIND

colors: {
  'brand-1': '#c80815',
  'brand-2': '#e87e0f',
  'brand-3': '#fada6e',
  'brand-4': '#c5b358',
  'brand-5': '#702963',
}

RGB Array

[200, 8, 21], [232, 126, 15], [250, 218, 110], [197, 179, 88], [112, 41, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C80815, #E87E0F, #FADA6E, #C5B358, #702963 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: #c80815; --color-2: #e87e0f; --color-3: #fada6e; --color-4: #c5b358; --color-5: #702963. 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