← Back to Editor

#73021E · #FC604E · #FFE5A9 · #D3F564 · #87CF29

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

#73021E

Vermilion · Maroon · Wine Red

HEX
#73021E
RGB
rgb(115, 2, 30)
HSL
hsl(345, 97%, 23%)
HSB
hsb(345, 98%, 45%)
CMYK
cmyk(0%, 98%, 74%, 55%)
Oklch
oklch(35.3% 0.140 17.8)

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

#FC604E

Peach Pink · Tomato · Coral Red

HEX
#FC604E
RGB
rgb(252, 96, 78)
HSL
hsl(6, 97%, 65%)
HSB
hsb(6, 69%, 99%)
CMYK
cmyk(0%, 62%, 69%, 1%)
Oklch
oklch(68.9% 0.194 29.5)

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

#FFE5A9

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE5A9
RGB
rgb(255, 229, 169)
HSL
hsl(42, 100%, 83%)
HSB
hsb(42, 34%, 100%)
CMYK
cmyk(0%, 10%, 34%, 0%)
Oklch
oklch(92.9% 0.081 87.2)

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

#D3F564

Willow Green · Khaki · Apple Green

HEX
#D3F564
RGB
rgb(211, 245, 100)
HSL
hsl(74, 88%, 68%)
HSB
hsb(74, 59%, 96%)
CMYK
cmyk(14%, 0%, 59%, 4%)
Oklch
oklch(91.8% 0.174 121.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#87CF29

Grass Green · GreenYellow · Olive Green

HEX
#87CF29
RGB
rgb(135, 207, 41)
HSL
hsl(86, 67%, 49%)
HSB
hsb(86, 80%, 81%)
CMYK
cmyk(35%, 0%, 80%, 19%)
Oklch
oklch(77.8% 0.200 131.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73021E
027457

Analogous

740257
73021E
741E02

Triadic

73021E
1E7402
021E74

Split-Comp.

73021E
02741E
025774

Tetradic

73021E
577402
027457
1E0274

Contrast Matrix WCAG 2.1 Contrast

73021E
FC604E
FFE5A9
D3F564
87CF29
—
3.9
AA Large
9.7
AAA
9.7
AAA
6.3
AA
3.9
AA Large
—
2.5
Fail
2.5
Fail
1.6
Fail
9.7
AAA
2.5
Fail
—
1.0
Fail
1.6
Fail
9.7
AAA
2.5
Fail
1.0
Fail
—
1.5
Fail
6.3
AA
1.6
Fail
1.6
Fail
1.5
Fail
—
White BG
12.0AAA
3.0AA Large
1.2Fail
1.2Fail
1.9Fail
Black BG
1.8Fail
6.9AA
17.0AAA
17.0AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

424117
B8B752
F4F4B8
E2E287
A6A751

Deuteranopia

495116
C2CD53
F5F7BB
E0DD90
A29D5B

Tritanopia

6D1211
F45657
FEC3C6
D5A3A9
8B7178

Achromatopsia

272727
8D8D8D
E6E6E6
DADADA
A7A7A7

Shades & Tints Shades & Tints

#73021E

Dark
Light

#FC604E

Dark
Light

#FFE5A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73021e;
  --color-2: #fc604e;
  --color-3: #ffe5a9;
  --color-4: #d3f564;
  --color-5: #87cf29;
}

SCSS

$color-1: #73021e;
$color-2: #fc604e;
$color-3: #ffe5a9;
$color-4: #d3f564;
$color-5: #87cf29;

TAILWIND

colors: {
  'brand-1': '#73021e',
  'brand-2': '#fc604e',
  'brand-3': '#ffe5a9',
  'brand-4': '#d3f564',
  'brand-5': '#87cf29',
}

RGB Array

[115, 2, 30], [252, 96, 78], [255, 229, 169], [211, 245, 100], [135, 207, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #73021E, #FC604E, #FFE5A9, #D3F564, #87CF29 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: #73021e; --color-2: #fc604e; --color-3: #ffe5a9; --color-4: #d3f564; --color-5: #87cf29. 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