← Back to Editor

#EC2441 · #FB545E · #FC9084 · #F8BB9E · #FFE2D0

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

#EC2441

Vermilion · Crimson · Passion Red

HEX
#EC2441
RGB
rgb(236, 36, 65)
HSL
hsl(351, 84%, 53%)
HSB
hsb(351, 85%, 93%)
CMYK
cmyk(0%, 85%, 72%, 7%)
Oklch
oklch(60.8% 0.228 21.2)

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

#FB545E

Peach Pink · Tomato · Coral Red

HEX
#FB545E
RGB
rgb(251, 84, 94)
HSL
hsl(356, 95%, 66%)
HSB
hsb(356, 67%, 98%)
CMYK
cmyk(0%, 67%, 63%, 2%)
Oklch
oklch(67.6% 0.202 21.1)

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

#FC9084

Peach Pink · LightSalmon · Coral Red

HEX
#FC9084
RGB
rgb(252, 144, 132)
HSL
hsl(6, 95%, 75%)
HSB
hsb(6, 48%, 99%)
CMYK
cmyk(0%, 43%, 48%, 1%)
Oklch
oklch(76.6% 0.133 27.3)

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

#F8BB9E

Apricot · BurlyWood · Peach Orange

HEX
#F8BB9E
RGB
rgb(248, 187, 158)
HSL
hsl(19, 87%, 80%)
HSB
hsb(19, 36%, 97%)
CMYK
cmyk(0%, 25%, 36%, 3%)
Oklch
oklch(84.1% 0.081 46.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFE2D0

Apricot · Bisque · Peach Orange

HEX
#FFE2D0
RGB
rgb(255, 226, 208)
HSL
hsl(23, 100%, 91%)
HSB
hsb(23, 18%, 100%)
CMYK
cmyk(0%, 11%, 18%, 0%)
Oklch
oklch(93.2% 0.040 53.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC2441
22ECCE

Analogous

EC22A5
EC2441
EC6922

Triadic

EC2441
41EC22
2241EC

Split-Comp.

EC2441
22EC69
22A5EC

Tetradic

EC2441
A5EC22
22ECCE
6922EC

Contrast Matrix WCAG 2.1 Contrast

EC2441
FB545E
FC9084
F8BB9E
FFE2D0
—
1.3
Fail
1.9
Fail
2.6
Fail
3.5
AA Large
1.3
Fail
—
1.4
Fail
1.9
Fail
2.6
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
1.8
Fail
2.6
Fail
1.9
Fail
1.3
Fail
—
1.4
Fail
3.5
AA Large
2.6
Fail
1.8
Fail
1.4
Fail
—
White BG
4.3AA Large
3.2AA Large
2.2Fail
1.7Fail
1.2Fail
Black BG
4.9AA
6.5AA
9.5AAA
12.6AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

95943A
B3B15C
CDCC87
DEDDA5
F2F2D4

Deuteranopia

A1B038
BCC95B
D4DC88
E1E6A7
F4F6D5

Tritanopia

E23433
F35A59
F7898A
F5ABAC
FED8D9

Achromatopsia

636363
878787
AFAFAF
CACACA
E9E9E9

Shades & Tints Shades & Tints

#EC2441

Dark
Light

#FB545E

Dark
Light

#FC9084

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec2441;
  --color-2: #fb545e;
  --color-3: #fc9084;
  --color-4: #f8bb9e;
  --color-5: #ffe2d0;
}

SCSS

$color-1: #ec2441;
$color-2: #fb545e;
$color-3: #fc9084;
$color-4: #f8bb9e;
$color-5: #ffe2d0;

TAILWIND

colors: {
  'brand-1': '#ec2441',
  'brand-2': '#fb545e',
  'brand-3': '#fc9084',
  'brand-4': '#f8bb9e',
  'brand-5': '#ffe2d0',
}

RGB Array

[236, 36, 65], [251, 84, 94], [252, 144, 132], [248, 187, 158], [255, 226, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC2441, #FB545E, #FC9084, #F8BB9E, #FFE2D0 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #ec2441; --color-2: #fb545e; --color-3: #fc9084; --color-4: #f8bb9e; --color-5: #ffe2d0. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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