← Back to Editor

#F27989 · #FF5E74 · #DE4357 · #F2C479 · #F2E279

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

#F27989

Peach Pink · LightCoral · Coral Red

HEX
#F27989
RGB
rgb(242, 121, 137)
HSL
hsl(352, 82%, 71%)
HSB
hsb(352, 50%, 95%)
CMYK
cmyk(0%, 50%, 43%, 5%)
Oklch
oklch(71.9% 0.149 13.3)

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

#FF5E74

Peach Pink · Salmon · Coral Red

HEX
#FF5E74
RGB
rgb(255, 94, 116)
HSL
hsl(352, 100%, 68%)
HSB
hsb(352, 63%, 100%)
CMYK
cmyk(0%, 63%, 55%, 0%)
Oklch
oklch(69.8% 0.195 15.7)

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

#DE4357

Vermilion · Tomato · Passion Red

HEX
#DE4357
RGB
rgb(222, 67, 87)
HSL
hsl(352, 70%, 57%)
HSB
hsb(352, 70%, 87%)
CMYK
cmyk(0%, 70%, 61%, 13%)
Oklch
oklch(61.1% 0.191 17.7)

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

#F2C479

Goose Yellow · BurlyWood · Warm Sun

HEX
#F2C479
RGB
rgb(242, 196, 121)
HSL
hsl(37, 82%, 71%)
HSB
hsb(37, 50%, 95%)
CMYK
cmyk(0%, 19%, 50%, 5%)
Oklch
oklch(84.5% 0.107 78.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F2E279

Fresh Green · Khaki · Sunflower

HEX
#F2E279
RGB
rgb(242, 226, 121)
HSL
hsl(52, 82%, 71%)
HSB
hsb(52, 50%, 95%)
CMYK
cmyk(0%, 7%, 50%, 5%)
Oklch
oklch(90.4% 0.127 100.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F27989
78F2E2

Analogous

F278C5
F27989
F2A578

Triadic

F27989
89F278
7889F2

Split-Comp.

F27989
78F2A5
78C5F2

Tetradic

F27989
C5F278
78F2E2
A578F2

Contrast Matrix WCAG 2.1 Contrast

F27989
FF5E74
DE4357
F2C479
F2E279
—
1.1
Fail
1.6
Fail
1.6
Fail
2.0
Fail
1.1
Fail
—
1.4
Fail
1.8
Fail
2.2
Fail
1.6
Fail
1.4
Fail
—
2.6
Fail
3.2
AA Large
1.6
Fail
1.8
Fail
2.6
Fail
—
1.2
Fail
2.0
Fail
2.2
Fail
3.2
AA Large
1.2
Fail
—
White BG
2.7Fail
3.0Fail
4.2AA Large
1.6Fail
1.3Fail
Black BG
7.9AAA
7.1AAA
5.0AA
12.9AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD85
B9B86F
9B9952
DEDE8B
EBEB92

Deuteranopia

C5CE84
C3CF6D
A4AF51
E1E490
ECED99

Tritanopia

EC8281
F76A6A
D64E4E
F0999D
F1A6AB

Achromatopsia

9F9F9F
919191
747474
C9C9C9
DBDBDB

Shades & Tints Shades & Tints

#F27989

Dark
Light

#FF5E74

Dark
Light

#DE4357

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f27989;
  --color-2: #ff5e74;
  --color-3: #de4357;
  --color-4: #f2c479;
  --color-5: #f2e279;
}

SCSS

$color-1: #f27989;
$color-2: #ff5e74;
$color-3: #de4357;
$color-4: #f2c479;
$color-5: #f2e279;

TAILWIND

colors: {
  'brand-1': '#f27989',
  'brand-2': '#ff5e74',
  'brand-3': '#de4357',
  'brand-4': '#f2c479',
  'brand-5': '#f2e279',
}

RGB Array

[242, 121, 137], [255, 94, 116], [222, 67, 87], [242, 196, 121], [242, 226, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F27989, #FF5E74, #DE4357, #F2C479, #F2E279 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: #f27989; --color-2: #ff5e74; --color-3: #de4357; --color-4: #f2c479; --color-5: #f2e279. 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