← Back to Editor

#E91C20 · #F67345 · #F99CEA · #E5DED0 · #F7E3D4

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

#E91C20

Vermilion · Crimson · Passion Red

HEX
#E91C20
RGB
rgb(233, 28, 32)
HSL
hsl(359, 82%, 51%)
HSB
hsb(359, 88%, 91%)
CMYK
cmyk(0%, 88%, 86%, 9%)
Oklch
oklch(59.5% 0.232 27.6)

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

#F67345

Apricot · Tomato · Warm Sun

HEX
#F67345
RGB
rgb(246, 115, 69)
HSL
hsl(16, 91%, 62%)
HSB
hsb(16, 72%, 96%)
CMYK
cmyk(0%, 53%, 72%, 4%)
Oklch
oklch(70.4% 0.172 39.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F99CEA

Mauve · Violet · Lilac Purple

HEX
#F99CEA
RGB
rgb(249, 156, 234)
HSL
hsl(310, 89%, 79%)
HSB
hsb(310, 37%, 98%)
CMYK
cmyk(0%, 37%, 6%, 2%)
Oklch
oklch(81.1% 0.147 332.9)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#E5DED0

Goose Yellow · LightGray · Lemon Cream

HEX
#E5DED0
RGB
rgb(229, 222, 208)
HSL
hsl(40, 29%, 86%)
HSB
hsb(40, 9%, 90%)
CMYK
cmyk(0%, 3%, 9%, 10%)
Oklch
oklch(90.2% 0.020 84.6)

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

#F7E3D4

Apricot · Bisque · Peach Orange

HEX
#F7E3D4
RGB
rgb(247, 227, 212)
HSL
hsl(26, 69%, 90%)
HSB
hsb(26, 14%, 97%)
CMYK
cmyk(0%, 8%, 14%, 3%)
Oklch
oklch(92.8% 0.030 59.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E91C20
1CE9E5

Analogous

E91C85
E91C20
E97F1C

Triadic

E91C20
1FE91C
1C1FE9

Split-Comp.

E91C20
1CE97F
1C85E9

Tetradic

E91C20
85E91C
1CE9E5
7F1CE9

Contrast Matrix WCAG 2.1 Contrast

E91C20
F67345
F99CEA
E5DED0
F7E3D4
—
1.6
Fail
2.4
Fail
3.4
AA Large
3.6
AA Large
1.6
Fail
—
1.5
Fail
2.1
Fail
2.3
Fail
2.4
Fail
1.5
Fail
—
1.4
Fail
1.5
Fail
3.4
AA Large
2.1
Fail
1.4
Fail
—
1.1
Fail
3.6
AA Large
2.3
Fail
1.5
Fail
1.1
Fail
—
White BG
4.5AA
2.8Fail
1.9Fail
1.3Fail
1.2Fail
Black BG
4.7AA
7.5AAA
11.0AAA
15.7AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

908E1F
BDBC50
D1D0D7
E2E2D3
EEEED8

Deuteranopia

9CAC1F
C5CF53
D6DDD3
E2E3D4
F0F1D8

Tritanopia

DF1E1E
EF595B
F4C8C5
E5D6D7
F6DADB

Achromatopsia

5A5A5A
959595
C1C1C1
DEDEDE
E7E7E7

Shades & Tints Shades & Tints

#E91C20

Dark
Light

#F67345

Dark
Light

#F99CEA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e91c20;
  --color-2: #f67345;
  --color-3: #f99cea;
  --color-4: #e5ded0;
  --color-5: #f7e3d4;
}

SCSS

$color-1: #e91c20;
$color-2: #f67345;
$color-3: #f99cea;
$color-4: #e5ded0;
$color-5: #f7e3d4;

TAILWIND

colors: {
  'brand-1': '#e91c20',
  'brand-2': '#f67345',
  'brand-3': '#f99cea',
  'brand-4': '#e5ded0',
  'brand-5': '#f7e3d4',
}

RGB Array

[233, 28, 32], [246, 115, 69], [249, 156, 234], [229, 222, 208], [247, 227, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E91C20, #F67345, #F99CEA, #E5DED0, #F7E3D4 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: #e91c20; --color-2: #f67345; --color-3: #f99cea; --color-4: #e5ded0; --color-5: #f7e3d4. 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