← Back to Editor

#FF0839 · #DE4840 · #C29219 · #B9C41E · #B5EB52

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

#FF0839

Vermilion · Crimson · Passion Red

HEX
#FF0839
RGB
rgb(255, 8, 57)
HSL
hsl(348, 100%, 52%)
HSB
hsb(348, 97%, 100%)
CMYK
cmyk(0%, 97%, 78%, 0%)
Oklch
oklch(63.3% 0.253 22.6)

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

#DE4840

Vermilion · Tomato · Passion Red

HEX
#DE4840
RGB
rgb(222, 72, 64)
HSL
hsl(3, 71%, 56%)
HSB
hsb(3, 71%, 87%)
CMYK
cmyk(0%, 68%, 71%, 13%)
Oklch
oklch(61.2% 0.188 27.2)

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

#C29219

Ochre · DarkGoldenRod · Honey Gold

HEX
#C29219
RGB
rgb(194, 146, 25)
HSL
hsl(43, 77%, 43%)
HSB
hsb(43, 87%, 76%)
CMYK
cmyk(0%, 25%, 87%, 24%)
Oklch
oklch(68.8% 0.135 83.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B9C41E

Autumn Sage · GoldenRod · Honey Gold

HEX
#B9C41E
RGB
rgb(185, 196, 30)
HSL
hsl(64, 73%, 44%)
HSB
hsb(64, 85%, 77%)
CMYK
cmyk(6%, 0%, 85%, 23%)
Oklch
oklch(78.6% 0.170 113.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#B5EB52

Willow Green · GreenYellow · Apple Green

HEX
#B5EB52
RGB
rgb(181, 235, 82)
HSL
hsl(81, 79%, 62%)
HSB
hsb(81, 65%, 92%)
CMYK
cmyk(23%, 0%, 65%, 8%)
Oklch
oklch(87.4% 0.188 126.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF0839
0AFFCE

Analogous

FF0AB6
FF0839
FF540A

Triadic

FF0839
3BFF0A
0A3BFF

Split-Comp.

FF0839
0AFF54
0AB6FF

Tetradic

FF0839
B6FF0A
0AFFCE
540AFF

Contrast Matrix WCAG 2.1 Contrast

FF0839
DE4840
C29219
B9C41E
B5EB52
—
1.0
Fail
1.4
Fail
2.1
Fail
2.8
Fail
1.0
Fail
—
1.5
Fail
2.1
Fail
2.9
Fail
1.4
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
2.1
Fail
2.1
Fail
1.5
Fail
—
1.4
Fail
2.8
Fail
2.9
Fail
2.0
Fail
1.4
Fail
—
White BG
3.9AA Large
4.1AA Large
2.8Fail
1.9Fail
1.4Fail
Black BG
5.3AA
5.1AA
7.4AAA
11.0AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

94922D
9D9C42
ADAD36
BEBE46
CCCD77

Deuteranopia

A2B52A
A6B142
B0B43D
BDBC50
C9C580

Tritanopia

F32422
D64344
C04D52
BA666D
B8949B

Achromatopsia

575757
747474
939393
AEAEAE
C9C9C9

Shades & Tints Shades & Tints

#FF0839

Dark
Light

#DE4840

Dark
Light

#C29219

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff0839;
  --color-2: #de4840;
  --color-3: #c29219;
  --color-4: #b9c41e;
  --color-5: #b5eb52;
}

SCSS

$color-1: #ff0839;
$color-2: #de4840;
$color-3: #c29219;
$color-4: #b9c41e;
$color-5: #b5eb52;

TAILWIND

colors: {
  'brand-1': '#ff0839',
  'brand-2': '#de4840',
  'brand-3': '#c29219',
  'brand-4': '#b9c41e',
  'brand-5': '#b5eb52',
}

RGB Array

[255, 8, 57], [222, 72, 64], [194, 146, 25], [185, 196, 30], [181, 235, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF0839, #DE4840, #C29219, #B9C41E, #B5EB52 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: #ff0839; --color-2: #de4840; --color-3: #c29219; --color-4: #b9c41e; --color-5: #b5eb52. 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