← Back to Editor

#FC8ABE · #EE4F87 · #B60934 · #1C1819 · #FAFFF6

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 AppData Visualization

Color Details Color Details

#FC8ABE

Rouge · LightPink · Cherry Blossom

HEX
#FC8ABE
RGB
rgb(252, 138, 190)
HSL
hsl(333, 95%, 76%)
HSB
hsb(333, 45%, 99%)
CMYK
cmyk(0%, 45%, 25%, 1%)
Oklch
oklch(77.2% 0.149 352.4)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EE4F87

Rouge · LightCoral · Rose Pink

HEX
#EE4F87
RGB
rgb(238, 79, 135)
HSL
hsl(339, 82%, 62%)
HSB
hsb(339, 67%, 93%)
CMYK
cmyk(0%, 67%, 43%, 7%)
Oklch
oklch(66.0% 0.199 2.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#B60934

Vermilion · FireBrick · Wine Red

HEX
#B60934
RGB
rgb(182, 9, 52)
HSL
hsl(345, 91%, 37%)
HSB
hsb(345, 95%, 71%)
CMYK
cmyk(0%, 95%, 71%, 29%)
Oklch
oklch(49.5% 0.194 18.3)

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

#1C1819

Crimson · Black · Jet Black

HEX
#1C1819
RGB
rgb(28, 24, 25)
HSL
hsl(345, 8%, 10%)
HSB
hsb(345, 14%, 11%)
CMYK
cmyk(0%, 14%, 11%, 89%)
Oklch
oklch(21.4% 0.007 0.7)

Traditional「Crimson」· Paint「Jet Black」· Creative Midnight Shadow

#FAFFF6

Emerald · Snow · Mint Green

HEX
#FAFFF6
RGB
rgb(250, 255, 246)
HSL
hsl(93, 100%, 98%)
HSB
hsb(93, 4%, 100%)
CMYK
cmyk(2%, 0%, 4%, 0%)
Oklch
oklch(99.4% 0.013 130.8)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC8ABE
88FCC8

Analogous

FC88F6
FC8ABE
FC8D88

Triadic

FC8ABE
BCFC88
88BCFC

Split-Comp.

FC8ABE
88FC8D
88F6FC

Tetradic

FC8ABE
F6FC88
88FCC8
8D88FC

Contrast Matrix WCAG 2.1 Contrast

FC8ABE
EE4F87
B60934
1C1819
FAFFF6
—
1.6
Fail
3.1
AA Large
8.0
AAA
2.2
Fail
1.6
Fail
—
2.0
Fail
5.1
AA
3.4
AA Large
3.1
AA Large
2.0
Fail
—
2.6
Fail
6.7
AA
8.0
AAA
5.1
AA
2.6
Fail
—
17.3
AAA
2.2
Fail
3.4
AA Large
6.7
AA
17.3
AAA
—
White BG
2.2Fail
3.4AA Large
6.8AA
17.6AAA
1.0Fail
Black BG
9.5AAA
6.1AA
3.1AA Large
1.2Fail
20.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCAB1
A9A879
6B6A2A
1A1A19
FCFCF8

Deuteranopia

D1DAAE
B2BE76
758227
1B1B19
FCFCF9

Tritanopia

F6A7A5
E66F6C
AD2120
1C1919
FAFAFA

Achromatopsia

B2B2B2
858585
424242
191919
FCFCFC

Shades & Tints Shades & Tints

#FC8ABE

Dark
Light

#EE4F87

Dark
Light

#B60934

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc8abe;
  --color-2: #ee4f87;
  --color-3: #b60934;
  --color-4: #1c1819;
  --color-5: #fafff6;
}

SCSS

$color-1: #fc8abe;
$color-2: #ee4f87;
$color-3: #b60934;
$color-4: #1c1819;
$color-5: #fafff6;

TAILWIND

colors: {
  'brand-1': '#fc8abe',
  'brand-2': '#ee4f87',
  'brand-3': '#b60934',
  'brand-4': '#1c1819',
  'brand-5': '#fafff6',
}

RGB Array

[252, 138, 190], [238, 79, 135], [182, 9, 52], [28, 24, 25], [250, 255, 246]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC8ABE, #EE4F87, #B60934, #1C1819, #FAFFF6 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fc8abe; --color-2: #ee4f87; --color-3: #b60934; --color-4: #1c1819; --color-5: #fafff6. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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