← Back to Editor

#F46572 · #F58F9A · #F9C9BB · #FDE5C0 · #B4D7D9

space

A 5-color space palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F46572

Peach Pink · Salmon · Coral Red

HEX
#F46572
RGB
rgb(244, 101, 114)
HSL
hsl(355, 87%, 68%)
HSB
hsb(355, 59%, 96%)
CMYK
cmyk(0%, 59%, 53%, 4%)
Oklch
oklch(68.9% 0.176 17.5)

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

#F58F9A

Peach Pink · LightCoral · Coral Red

HEX
#F58F9A
RGB
rgb(245, 143, 154)
HSL
hsl(354, 84%, 76%)
HSB
hsb(354, 42%, 96%)
CMYK
cmyk(0%, 42%, 37%, 4%)
Oklch
oklch(76.1% 0.124 13.5)

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

#F9C9BB

Peach Pink · Pink · Cherry Blossom

HEX
#F9C9BB
RGB
rgb(249, 201, 187)
HSL
hsl(14, 84%, 85%)
HSB
hsb(14, 25%, 98%)
CMYK
cmyk(0%, 19%, 25%, 2%)
Oklch
oklch(87.4% 0.058 36.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FDE5C0

Goose Yellow · Bisque · Peach Orange

HEX
#FDE5C0
RGB
rgb(253, 229, 192)
HSL
hsl(36, 94%, 87%)
HSB
hsb(36, 24%, 99%)
CMYK
cmyk(0%, 9%, 24%, 1%)
Oklch
oklch(93.2% 0.055 78.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B4D7D9

Sky Blue · LightBlue · Glacier Blue

HEX
#B4D7D9
RGB
rgb(180, 215, 217)
HSL
hsl(183, 33%, 78%)
HSB
hsb(183, 17%, 85%)
CMYK
cmyk(17%, 1%, 0%, 15%)
Oklch
oklch(85.4% 0.037 200.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F46572
66F4E9

Analogous

F466B9
F46572
F4A266

Triadic

F46572
72F466
6672F4

Split-Comp.

F46572
66F4A2
66B9F4

Tetradic

F46572
B9F466
66F4E9
A266F4

Contrast Matrix WCAG 2.1 Contrast

F46572
F58F9A
F9C9BB
FDE5C0
B4D7D9
—
1.3
Fail
2.0
Fail
2.5
Fail
2.0
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
1.5
Fail
2.0
Fail
1.5
Fail
—
1.2
Fail
1.0
Fail
2.5
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.5
Fail
1.0
Fail
1.3
Fail
—
White BG
3.0AA Large
2.3Fail
1.5Fail
1.2Fail
1.5Fail
Black BG
7.0AA
9.3AAA
14.1AAA
17.1AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B56F
C9C897
E4E4BE
F3F2C9
C3C3D9

Deuteranopia

BEC96E
CFD697
E7EBBF
F4F6CB
C1BFD8

Tritanopia

ED6C6C
F09595
F7C1C2
FCD0D2
B6D8D8

Achromatopsia

919191
AFAFAF
D6D6D6
E8E8E8
CDCDCD

Shades & Tints Shades & Tints

#F46572

Dark
Light

#F58F9A

Dark
Light

#F9C9BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f46572;
  --color-2: #f58f9a;
  --color-3: #f9c9bb;
  --color-4: #fde5c0;
  --color-5: #b4d7d9;
}

SCSS

$color-1: #f46572;
$color-2: #f58f9a;
$color-3: #f9c9bb;
$color-4: #fde5c0;
$color-5: #b4d7d9;

TAILWIND

colors: {
  'brand-1': '#f46572',
  'brand-2': '#f58f9a',
  'brand-3': '#f9c9bb',
  'brand-4': '#fde5c0',
  'brand-5': '#b4d7d9',
}

RGB Array

[244, 101, 114], [245, 143, 154], [249, 201, 187], [253, 229, 192], [180, 215, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #F46572, #F58F9A, #F9C9BB, #FDE5C0, #B4D7D9 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: #f46572; --color-2: #f58f9a; --color-3: #f9c9bb; --color-4: #fde5c0; --color-5: #b4d7d9. 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 space-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