← Back to Editor

#F0A9A5 · #FC8587 · #FB6767 · #E2404F · #BAA025

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

#F0A9A5

Peach Pink · LightPink · Coral Red

HEX
#F0A9A5
RGB
rgb(240, 169, 165)
HSL
hsl(3, 71%, 79%)
HSB
hsb(3, 31%, 94%)
CMYK
cmyk(0%, 30%, 31%, 6%)
Oklch
oklch(80.1% 0.084 22.7)

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

#FC8587

Peach Pink · LightCoral · Coral Red

HEX
#FC8587
RGB
rgb(252, 133, 135)
HSL
hsl(359, 95%, 75%)
HSB
hsb(359, 47%, 99%)
CMYK
cmyk(0%, 47%, 46%, 1%)
Oklch
oklch(74.9% 0.145 20.1)

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

#FB6767

Peach Pink · Salmon · Coral Red

HEX
#FB6767
RGB
rgb(251, 103, 103)
HSL
hsl(0, 95%, 69%)
HSB
hsb(0, 59%, 98%)
CMYK
cmyk(0%, 59%, 59%, 2%)
Oklch
oklch(70.0% 0.182 23.0)

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

#E2404F

Vermilion · Tomato · Passion Red

HEX
#E2404F
RGB
rgb(226, 64, 79)
HSL
hsl(354, 74%, 57%)
HSB
hsb(354, 72%, 89%)
CMYK
cmyk(0%, 72%, 65%, 11%)
Oklch
oklch(61.3% 0.198 20.4)

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

#BAA025

Autumn Sage · GoldenRod · Honey Gold

HEX
#BAA025
RGB
rgb(186, 160, 37)
HSL
hsl(50, 67%, 44%)
HSB
hsb(50, 80%, 73%)
CMYK
cmyk(0%, 14%, 80%, 27%)
Oklch
oklch(70.9% 0.135 96.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0A9A5
A3ECEF

Analogous

EFA3C6
F0A9A5
EFCDA3

Triadic

F0A9A5
A3EFA7
A7A3EF

Split-Comp.

F0A9A5
A3EFCD
A3C6EF

Tetradic

F0A9A5
C6EFA3
A3ECEF
CDA3EF

Contrast Matrix WCAG 2.1 Contrast

F0A9A5
FC8587
FB6767
E2404F
BAA025
—
1.2
Fail
1.5
Fail
2.2
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.1
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
1.1
Fail
2.2
Fail
1.7
Fail
1.4
Fail
—
1.6
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.6
Fail
—
White BG
1.9Fail
2.4Fail
2.9Fail
4.1AA Large
2.6Fail
Black BG
10.9AAA
8.8AAA
7.2AAA
5.1AA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1A6
C8C787
BBBA67
9C9A4B
AFAF43

Deuteranopia

D5DBA6
CFD886
C4CF67
A5B14B
B0B24A

Tritanopia

ECA7A7
F68686
F46767
DA4948
B95A5F

Achromatopsia

BEBEBE
A9A9A9
939393
727272
9A9A9A

Shades & Tints Shades & Tints

#F0A9A5

Dark
Light

#FC8587

Dark
Light

#FB6767

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0a9a5;
  --color-2: #fc8587;
  --color-3: #fb6767;
  --color-4: #e2404f;
  --color-5: #baa025;
}

SCSS

$color-1: #f0a9a5;
$color-2: #fc8587;
$color-3: #fb6767;
$color-4: #e2404f;
$color-5: #baa025;

TAILWIND

colors: {
  'brand-1': '#f0a9a5',
  'brand-2': '#fc8587',
  'brand-3': '#fb6767',
  'brand-4': '#e2404f',
  'brand-5': '#baa025',
}

RGB Array

[240, 169, 165], [252, 133, 135], [251, 103, 103], [226, 64, 79], [186, 160, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0A9A5, #FC8587, #FB6767, #E2404F, #BAA025 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: #f0a9a5; --color-2: #fc8587; --color-3: #fb6767; --color-4: #e2404f; --color-5: #baa025. 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