← Back to Editor

#F5495E · #C42D33 · #FEA817 · #FECA85 · #5BB5A1

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

#F5495E

Peach Pink · Tomato · Coral Red

HEX
#F5495E
RGB
rgb(245, 73, 94)
HSL
hsl(353, 90%, 62%)
HSB
hsb(353, 70%, 96%)
CMYK
cmyk(0%, 70%, 62%, 4%)
Oklch
oklch(65.6% 0.207 18.3)

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

#C42D33

Vermilion · FireBrick · Passion Red

HEX
#C42D33
RGB
rgb(196, 45, 51)
HSL
hsl(358, 63%, 47%)
HSB
hsb(358, 77%, 77%)
CMYK
cmyk(0%, 77%, 74%, 23%)
Oklch
oklch(54.0% 0.187 24.3)

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

#FEA817

Ginger · Orange · Warm Sun

HEX
#FEA817
RGB
rgb(254, 168, 23)
HSL
hsl(38, 99%, 54%)
HSB
hsb(38, 91%, 100%)
CMYK
cmyk(0%, 34%, 91%, 0%)
Oklch
oklch(79.7% 0.167 71.7)

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

#FECA85

Goose Yellow · Khaki · Peach Orange

HEX
#FECA85
RGB
rgb(254, 202, 133)
HSL
hsl(34, 98%, 76%)
HSB
hsb(34, 48%, 100%)
CMYK
cmyk(0%, 20%, 48%, 0%)
Oklch
oklch(87.0% 0.105 73.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#5BB5A1

Mineral Blue · CadetBlue · Lake Green

HEX
#5BB5A1
RGB
rgb(91, 181, 161)
HSL
hsl(167, 38%, 53%)
HSB
hsb(167, 50%, 71%)
CMYK
cmyk(50%, 0%, 11%, 29%)
Oklch
oklch(71.2% 0.092 177.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5495E
47F5E1

Analogous

F547B2
F5495E
F58A47

Triadic

F5495E
5BF547
475BF5

Split-Comp.

F5495E
47F58A
47B2F5

Tetradic

F5495E
B2F547
47F5E1
8A47F5

Contrast Matrix WCAG 2.1 Contrast

F5495E
C42D33
FEA817
FECA85
5BB5A1
—
1.6
Fail
1.8
Fail
2.3
Fail
1.4
Fail
1.6
Fail
—
2.9
Fail
3.7
AA Large
2.3
Fail
1.8
Fail
2.9
Fail
—
1.3
Fail
1.3
Fail
2.3
Fail
3.7
AA Large
1.3
Fail
—
1.6
Fail
1.4
Fail
2.3
Fail
1.3
Fail
1.6
Fail
—
White BG
3.5AA Large
5.6AA
1.9Fail
1.5Fail
2.5Fail
Black BG
6.0AA
3.8AA Large
10.8AAA
14.0AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABA959
838132
D9D83A
E7E796
8283A6

Deuteranopia

B5C158
8B9731
DEE443
EBEE9A
7D76A7

Tritanopia

EC5554
BC3030
FA565C
FBA3A6
60AAAB

Achromatopsia

7F7F7F
5B5B5B
B1B1B1
D2D2D2
989898

Shades & Tints Shades & Tints

#F5495E

Dark
Light

#C42D33

Dark
Light

#FEA817

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5495e;
  --color-2: #c42d33;
  --color-3: #fea817;
  --color-4: #feca85;
  --color-5: #5bb5a1;
}

SCSS

$color-1: #f5495e;
$color-2: #c42d33;
$color-3: #fea817;
$color-4: #feca85;
$color-5: #5bb5a1;

TAILWIND

colors: {
  'brand-1': '#f5495e',
  'brand-2': '#c42d33',
  'brand-3': '#fea817',
  'brand-4': '#feca85',
  'brand-5': '#5bb5a1',
}

RGB Array

[245, 73, 94], [196, 45, 51], [254, 168, 23], [254, 202, 133], [91, 181, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5495E, #C42D33, #FEA817, #FECA85, #5BB5A1 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: #f5495e; --color-2: #c42d33; --color-3: #fea817; --color-4: #feca85; --color-5: #5bb5a1. 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