← Back to Editor

#FF0D42 · #FC6124 · #BD894D · #CE4E6C · #E4099E

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

#FF0D42

Vermilion · Crimson · Passion Red

HEX
#FF0D42
RGB
rgb(255, 13, 66)
HSL
hsl(347, 100%, 53%)
HSB
hsb(347, 95%, 100%)
CMYK
cmyk(0%, 95%, 74%, 0%)
Oklch
oklch(63.5% 0.252 20.8)

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

#FC6124

Tangerine · Tomato · Warm Sun

HEX
#FC6124
RGB
rgb(252, 97, 36)
HSL
hsl(17, 97%, 56%)
HSB
hsb(17, 86%, 99%)
CMYK
cmyk(0%, 62%, 86%, 1%)
Oklch
oklch(68.6% 0.201 39.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#BD894D

Ginger · GoldenRod · Warm Sun

HEX
#BD894D
RGB
rgb(189, 137, 77)
HSL
hsl(32, 46%, 52%)
HSB
hsb(32, 59%, 74%)
CMYK
cmyk(0%, 28%, 59%, 26%)
Oklch
oklch(66.9% 0.100 68.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#CE4E6C

Crimson · MediumVioletRed · Passion Red

HEX
#CE4E6C
RGB
rgb(206, 78, 108)
HSL
hsl(346, 57%, 56%)
HSB
hsb(346, 62%, 81%)
CMYK
cmyk(0%, 62%, 48%, 19%)
Oklch
oklch(60.2% 0.163 9.1)

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

#E4099E

Rose Purple · DeepPink · Violet

HEX
#E4099E
RGB
rgb(228, 9, 158)
HSL
hsl(319, 92%, 46%)
HSB
hsb(319, 96%, 89%)
CMYK
cmyk(0%, 96%, 31%, 11%)
Oklch
oklch(61.0% 0.254 347.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF0D42
0FFFCB

Analogous

FF0FBB
FF0D42
FF530F

Triadic

FF0D42
43FF0F
0F43FF

Split-Comp.

FF0D42
0FFF53
0FBBFF

Tetradic

FF0D42
BBFF0F
0FFFCB
530FFF

Contrast Matrix WCAG 2.1 Contrast

FF0D42
FC6124
BD894D
CE4E6C
E4099E
—
1.3
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.0
Fail
1.4
Fail
1.4
Fail
1.3
Fail
1.0
Fail
—
1.4
Fail
1.4
Fail
1.1
Fail
1.4
Fail
1.4
Fail
—
1.0
Fail
1.1
Fail
1.4
Fail
1.4
Fail
1.0
Fail
—
White BG
3.9AA Large
3.1AA Large
3.1AA Large
4.3AA Large
4.3AA Large
Black BG
5.4AA
6.9AA
6.8AA
4.9AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

969435
B9B733
A6A65C
979565
85837A

Deuteranopia

A4B632
C2CD36
AAAD5F
9EA863
92A271

Tritanopia

F32B29
F43E41
BA676A
C85F5E
D95D57

Achromatopsia

5B5B5B
888888
929292
787878
5B5B5B

Shades & Tints Shades & Tints

#FF0D42

Dark
Light

#FC6124

Dark
Light

#BD894D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff0d42;
  --color-2: #fc6124;
  --color-3: #bd894d;
  --color-4: #ce4e6c;
  --color-5: #e4099e;
}

SCSS

$color-1: #ff0d42;
$color-2: #fc6124;
$color-3: #bd894d;
$color-4: #ce4e6c;
$color-5: #e4099e;

TAILWIND

colors: {
  'brand-1': '#ff0d42',
  'brand-2': '#fc6124',
  'brand-3': '#bd894d',
  'brand-4': '#ce4e6c',
  'brand-5': '#e4099e',
}

RGB Array

[255, 13, 66], [252, 97, 36], [189, 137, 77], [206, 78, 108], [228, 9, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF0D42, #FC6124, #BD894D, #CE4E6C, #E4099E 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: #ff0d42; --color-2: #fc6124; --color-3: #bd894d; --color-4: #ce4e6c; --color-5: #e4099e. 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