← Back to Editor

#E55149 · #F26650 · #F58356 · #FAD666 · #FFEA82

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

#E55149

Vermilion · Tomato · Passion Red

HEX
#E55149
RGB
rgb(229, 81, 73)
HSL
hsl(3, 75%, 59%)
HSB
hsb(3, 68%, 90%)
CMYK
cmyk(0%, 65%, 68%, 10%)
Oklch
oklch(63.5% 0.185 26.8)

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

#F26650

Peach Pink · Tomato · Coral Red

HEX
#F26650
RGB
rgb(242, 102, 80)
HSL
hsl(8, 86%, 63%)
HSB
hsb(8, 67%, 95%)
CMYK
cmyk(0%, 58%, 67%, 5%)
Oklch
oklch(68.2% 0.177 31.1)

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

#F58356

Apricot · Coral · Warm Sun

HEX
#F58356
RGB
rgb(245, 131, 86)
HSL
hsl(17, 89%, 65%)
HSB
hsb(17, 65%, 96%)
CMYK
cmyk(0%, 47%, 65%, 4%)
Oklch
oklch(72.8% 0.152 41.7)

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

#FAD666

Ginger · Khaki · Sunflower

HEX
#FAD666
RGB
rgb(250, 214, 102)
HSL
hsl(45, 94%, 69%)
HSB
hsb(45, 59%, 98%)
CMYK
cmyk(0%, 14%, 59%, 2%)
Oklch
oklch(88.5% 0.136 91.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FFEA82

Fresh Green · Khaki · Sunflower

HEX
#FFEA82
RGB
rgb(255, 234, 130)
HSL
hsl(50, 100%, 75%)
HSB
hsb(50, 49%, 100%)
CMYK
cmyk(0%, 8%, 49%, 0%)
Oklch
oklch(93.3% 0.127 98.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E55149
48DDE5

Analogous

E5488F
E55149
E59E48

Triadic

E55149
48E550
5048E5

Split-Comp.

E55149
48E59E
488FE5

Tetradic

E55149
8FE548
48DDE5
9E48E5

Contrast Matrix WCAG 2.1 Contrast

E55149
F26650
F58356
FAD666
FFEA82
—
1.2
Fail
1.5
Fail
2.7
Fail
3.1
AA Large
1.2
Fail
—
1.2
Fail
2.2
Fail
2.6
Fail
1.5
Fail
1.2
Fail
—
1.8
Fail
2.1
Fail
2.7
Fail
2.2
Fail
1.8
Fail
—
1.2
Fail
3.1
AA Large
2.6
Fail
2.1
Fail
1.2
Fail
—
White BG
3.7AA Large
3.1AA Large
2.5Fail
1.4Fail
1.2Fail
Black BG
5.6AA
6.8AA
8.3AAA
14.9AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A44B
B5B455
C4C361
EAEA81
F6F69B

Deuteranopia

AEB94B
BEC857
CAD364
EDEF88
F7F9A1

Tritanopia

DE4C4D
EB5A5A
EF696B
F8969B
FEAFB3

Achromatopsia

7C7C7C
8D8D8D
A0A0A0
D4D4D4
E4E4E4

Shades & Tints Shades & Tints

#E55149

Dark
Light

#F26650

Dark
Light

#F58356

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e55149;
  --color-2: #f26650;
  --color-3: #f58356;
  --color-4: #fad666;
  --color-5: #ffea82;
}

SCSS

$color-1: #e55149;
$color-2: #f26650;
$color-3: #f58356;
$color-4: #fad666;
$color-5: #ffea82;

TAILWIND

colors: {
  'brand-1': '#e55149',
  'brand-2': '#f26650',
  'brand-3': '#f58356',
  'brand-4': '#fad666',
  'brand-5': '#ffea82',
}

RGB Array

[229, 81, 73], [242, 102, 80], [245, 131, 86], [250, 214, 102], [255, 234, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E55149, #F26650, #F58356, #FAD666, #FFEA82 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: #e55149; --color-2: #f26650; --color-3: #f58356; --color-4: #fad666; --color-5: #ffea82. 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