← Back to Editor

#FC3258 · #ED646F · #ED8F64 · #DEA787 · #B9EBC7

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

#FC3258

Vermilion · Tomato · Passion Red

HEX
#FC3258
RGB
rgb(252, 50, 88)
HSL
hsl(349, 97%, 59%)
HSB
hsb(349, 80%, 99%)
CMYK
cmyk(0%, 80%, 65%, 1%)
Oklch
oklch(64.8% 0.233 17.3)

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

#ED646F

Peach Pink · Salmon · Coral Red

HEX
#ED646F
RGB
rgb(237, 100, 111)
HSL
hsl(355, 79%, 66%)
HSB
hsb(355, 58%, 93%)
CMYK
cmyk(0%, 58%, 53%, 7%)
Oklch
oklch(67.7% 0.169 18.0)

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

#ED8F64

Apricot · SandyBrown · Warm Sun

HEX
#ED8F64
RGB
rgb(237, 143, 100)
HSL
hsl(19, 79%, 66%)
HSB
hsb(19, 58%, 93%)
CMYK
cmyk(0%, 40%, 58%, 7%)
Oklch
oklch(74.0% 0.128 44.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DEA787

Apricot · BurlyWood · Warm Sun

HEX
#DEA787
RGB
rgb(222, 167, 135)
HSL
hsl(22, 57%, 70%)
HSB
hsb(22, 39%, 87%)
CMYK
cmyk(0%, 25%, 39%, 13%)
Oklch
oklch(77.2% 0.079 51.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#B9EBC7

Emerald · LightGray · Mint Green

HEX
#B9EBC7
RGB
rgb(185, 235, 199)
HSL
hsl(137, 56%, 82%)
HSB
hsb(137, 21%, 92%)
CMYK
cmyk(21%, 0%, 15%, 8%)
Oklch
oklch(89.6% 0.071 153.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC3258
31FCD7

Analogous

FC31BC
FC3258
FC7131

Triadic

FC3258
56FC31
3156FC

Split-Comp.

FC3258
31FC71
31BCFC

Tetradic

FC3258
BCFC31
31FCD7
7131FC

Contrast Matrix WCAG 2.1 Contrast

FC3258
ED646F
ED8F64
DEA787
B9EBC7
—
1.2
Fail
1.5
Fail
1.7
Fail
2.7
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
2.4
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.8
Fail
1.7
Fail
1.5
Fail
1.1
Fail
—
1.6
Fail
2.7
Fail
2.4
Fail
1.8
Fail
1.6
Fail
—
White BG
3.7AA Large
3.2AA Large
2.4Fail
2.1Fail
1.3Fail
Black BG
5.7AA
6.7AA
8.7AAA
10.0AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A34F
B2B06C
C4C36E
C6C68F
CFCFD0

Deuteranopia

B0BF4D
BAC46C
CAD171
C9CD91
CCC8D2

Tritanopia

F24846
E66A6A
E87778
DB9596
BCD7D8

Achromatopsia

737373
8E8E8E
A6A6A6
B4B4B4
D8D8D8

Shades & Tints Shades & Tints

#FC3258

Dark
Light

#ED646F

Dark
Light

#ED8F64

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc3258;
  --color-2: #ed646f;
  --color-3: #ed8f64;
  --color-4: #dea787;
  --color-5: #b9ebc7;
}

SCSS

$color-1: #fc3258;
$color-2: #ed646f;
$color-3: #ed8f64;
$color-4: #dea787;
$color-5: #b9ebc7;

TAILWIND

colors: {
  'brand-1': '#fc3258',
  'brand-2': '#ed646f',
  'brand-3': '#ed8f64',
  'brand-4': '#dea787',
  'brand-5': '#b9ebc7',
}

RGB Array

[252, 50, 88], [237, 100, 111], [237, 143, 100], [222, 167, 135], [185, 235, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC3258, #ED646F, #ED8F64, #DEA787, #B9EBC7 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: #fc3258; --color-2: #ed646f; --color-3: #ed8f64; --color-4: #dea787; --color-5: #b9ebc7. 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