← Back to Editor

#FCF8E3 · #F9E6BE · #FF9286 · #EC1845 · #4F4E57

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

Color Details Color Details

#FCF8E3

Fresh Green · LightYellow · Lemon Cream

HEX
#FCF8E3
RGB
rgb(252, 248, 227)
HSL
hsl(50, 81%, 94%)
HSB
hsb(50, 10%, 99%)
CMYK
cmyk(0%, 2%, 10%, 1%)
Oklch
oklch(97.7% 0.028 98.1)

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

#F9E6BE

Goose Yellow · Bisque · Lemon Cream

HEX
#F9E6BE
RGB
rgb(249, 230, 190)
HSL
hsl(41, 83%, 86%)
HSB
hsb(41, 24%, 98%)
CMYK
cmyk(0%, 8%, 24%, 2%)
Oklch
oklch(93.0% 0.056 85.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FF9286

Peach Pink · LightSalmon · Coral Red

HEX
#FF9286
RGB
rgb(255, 146, 134)
HSL
hsl(6, 100%, 76%)
HSB
hsb(6, 47%, 100%)
CMYK
cmyk(0%, 43%, 47%, 0%)
Oklch
oklch(77.3% 0.134 27.2)

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

#EC1845

Vermilion · Crimson · Passion Red

HEX
#EC1845
RGB
rgb(236, 24, 69)
HSL
hsl(347, 85%, 51%)
HSB
hsb(347, 90%, 93%)
CMYK
cmyk(0%, 90%, 71%, 7%)
Oklch
oklch(60.3% 0.233 19.1)

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

#4F4E57

Ink Gray · DarkSlateGray · Charcoal

HEX
#4F4E57
RGB
rgb(79, 78, 87)
HSL
hsl(247, 5%, 32%)
HSB
hsb(247, 10%, 34%)
CMYK
cmyk(9%, 10%, 0%, 66%)
Oklch
oklch(42.8% 0.015 290.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF8E3
E3E7FC

Analogous

FCECE3
FCF8E3
F4FCE3

Triadic

FCF8E3
E3FCF8
F8E3FC

Split-Comp.

FCF8E3
E3F4FC
ECE3FC

Tetradic

FCF8E3
E3FCEC
E3E7FC
FCE3F4

Contrast Matrix WCAG 2.1 Contrast

FCF8E3
F9E6BE
FF9286
EC1845
4F4E57
—
1.2
Fail
2.0
Fail
4.1
AA Large
7.7
AAA
1.2
Fail
—
1.8
Fail
3.6
AA Large
6.7
AA
2.0
Fail
1.8
Fail
—
2.0
Fail
3.8
AA Large
4.1
AA Large
3.6
AA Large
2.0
Fail
—
1.9
Fail
7.7
AAA
6.7
AA
3.8
AA Large
1.9
Fail
—
White BG
1.1Fail
1.2Fail
2.2Fail
4.4AA Large
8.2AAA
Black BG
19.7AAA
17.1AAA
9.7AAA
4.8AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAE8
F1F1C8
D0CF89
908E3A
4F4F55

Deuteranopia

FBFBE9
F2F3CA
D6DE8A
9DAC38
4F4F54

Tritanopia

FCECED
F8CFD1
FA8B8C
E13230
4F5353

Achromatopsia

F7F7F7
E7E7E7
B1B1B1
5D5D5D
4F4F4F

Shades & Tints Shades & Tints

#FCF8E3

Dark
Light

#F9E6BE

Dark
Light

#FF9286

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf8e3;
  --color-2: #f9e6be;
  --color-3: #ff9286;
  --color-4: #ec1845;
  --color-5: #4f4e57;
}

SCSS

$color-1: #fcf8e3;
$color-2: #f9e6be;
$color-3: #ff9286;
$color-4: #ec1845;
$color-5: #4f4e57;

TAILWIND

colors: {
  'brand-1': '#fcf8e3',
  'brand-2': '#f9e6be',
  'brand-3': '#ff9286',
  'brand-4': '#ec1845',
  'brand-5': '#4f4e57',
}

RGB Array

[252, 248, 227], [249, 230, 190], [255, 146, 134], [236, 24, 69], [79, 78, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCF8E3, #F9E6BE, #FF9286, #EC1845, #4F4E57 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #fcf8e3; --color-2: #f9e6be; --color-3: #ff9286; --color-4: #ec1845; --color-5: #4f4e57. 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. 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