← Back to Editor

#ED4552 · #FB7E5E · #FFDC53 · #FDE895 · #56A794

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#ED4552

Vermilion · Tomato · Passion Red

HEX
#ED4552
RGB
rgb(237, 69, 82)
HSL
hsl(355, 82%, 60%)
HSB
hsb(355, 71%, 93%)
CMYK
cmyk(0%, 71%, 65%, 7%)
Oklch
oklch(63.7% 0.204 21.1)

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

#FB7E5E

Peach Pink · Coral · Coral Red

HEX
#FB7E5E
RGB
rgb(251, 126, 94)
HSL
hsl(12, 95%, 68%)
HSB
hsb(12, 63%, 98%)
CMYK
cmyk(0%, 50%, 63%, 2%)
Oklch
oklch(73.0% 0.160 35.4)

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

#FFDC53

Ginger · SandyBrown · Sunflower

HEX
#FFDC53
RGB
rgb(255, 220, 83)
HSL
hsl(48, 100%, 66%)
HSB
hsb(48, 67%, 100%)
CMYK
cmyk(0%, 14%, 67%, 0%)
Oklch
oklch(90.0% 0.155 94.6)

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

#FDE895

Goose Yellow · Khaki · Lemon Cream

HEX
#FDE895
RGB
rgb(253, 232, 149)
HSL
hsl(48, 96%, 79%)
HSB
hsb(48, 41%, 99%)
CMYK
cmyk(0%, 8%, 41%, 1%)
Oklch
oklch(93.0% 0.105 95.6)

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

#56A794

Mineral Blue · CadetBlue · Mint Ice

HEX
#56A794
RGB
rgb(86, 167, 148)
HSL
hsl(166, 32%, 50%)
HSB
hsb(166, 49%, 65%)
CMYK
cmyk(49%, 0%, 11%, 35%)
Oklch
oklch(67.1% 0.085 176.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED4552
45EDDF

Analogous

ED45A7
ED4552
ED8B45

Triadic

ED4552
53ED45
4553ED

Split-Comp.

ED4552
45ED8B
45A7ED

Tetradic

ED4552
A7ED45
45EDDF
8B45ED

Contrast Matrix WCAG 2.1 Contrast

ED4552
FB7E5E
FFDC53
FDE895
56A794
—
1.5
Fail
2.8
Fail
3.1
AA Large
1.3
Fail
1.5
Fail
—
1.9
Fail
2.1
Fail
1.1
Fail
2.8
Fail
1.9
Fail
—
1.1
Fail
2.1
Fail
3.1
AA Large
2.1
Fail
1.1
Fail
—
2.3
Fail
1.3
Fail
1.1
Fail
2.1
Fail
2.3
Fail
—
White BG
3.8AA Large
2.5Fail
1.3Fail
1.2Fail
2.9Fail
Black BG
5.6AA
8.2AAA
15.6AAA
17.2AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A34F
C5C466
F0F074
F4F4A9
797A99

Deuteranopia

AEBB4E
CCD668
F2F57C
F5F7AE
746E9A

Tritanopia

E54C4C
F56C6D
FD8E94
FCB9BC
5A9C9D

Achromatopsia

797979
A0A0A0
D7D7D7
E5E5E5
8D8D8D

Shades & Tints Shades & Tints

#ED4552

Dark
Light

#FB7E5E

Dark
Light

#FFDC53

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed4552;
  --color-2: #fb7e5e;
  --color-3: #ffdc53;
  --color-4: #fde895;
  --color-5: #56a794;
}

SCSS

$color-1: #ed4552;
$color-2: #fb7e5e;
$color-3: #ffdc53;
$color-4: #fde895;
$color-5: #56a794;

TAILWIND

colors: {
  'brand-1': '#ed4552',
  'brand-2': '#fb7e5e',
  'brand-3': '#ffdc53',
  'brand-4': '#fde895',
  'brand-5': '#56a794',
}

RGB Array

[237, 69, 82], [251, 126, 94], [255, 220, 83], [253, 232, 149], [86, 167, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED4552, #FB7E5E, #FFDC53, #FDE895, #56A794 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: #ed4552; --color-2: #fb7e5e; --color-3: #ffdc53; --color-4: #fde895; --color-5: #56a794. 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