← Back to Editor

#160525 · #F84088 · #FA9CAA · #F3B3B4 · #FDE2D1

space

A 5-color space 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

#160525

Royal Purple · Black · Dark Purple

HEX
#160525
RGB
rgb(22, 5, 37)
HSL
hsl(272, 76%, 8%)
HSB
hsb(272, 86%, 15%)
CMYK
cmyk(41%, 86%, 0%, 85%)
Oklch
oklch(16.8% 0.065 305.4)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#F84088

Rouge · DeepPink · Rose Pink

HEX
#F84088
RGB
rgb(248, 64, 136)
HSL
hsl(337, 93%, 61%)
HSB
hsb(337, 74%, 97%)
CMYK
cmyk(0%, 74%, 45%, 3%)
Oklch
oklch(66.3% 0.224 2.1)

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

#FA9CAA

Peach Pink · LightPink · Coral Red

HEX
#FA9CAA
RGB
rgb(250, 156, 170)
HSL
hsl(351, 90%, 80%)
HSB
hsb(351, 38%, 98%)
CMYK
cmyk(0%, 38%, 32%, 2%)
Oklch
oklch(79.2% 0.113 10.3)

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

#F3B3B4

Peach Pink · LightPink · Cherry Blossom

HEX
#F3B3B4
RGB
rgb(243, 179, 180)
HSL
hsl(359, 73%, 83%)
HSB
hsb(359, 26%, 95%)
CMYK
cmyk(0%, 26%, 26%, 5%)
Oklch
oklch(82.6% 0.075 17.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FDE2D1

Apricot · Bisque · Peach Orange

HEX
#FDE2D1
RGB
rgb(253, 226, 209)
HSL
hsl(23, 92%, 91%)
HSB
hsb(23, 17%, 99%)
CMYK
cmyk(0%, 11%, 17%, 1%)
Oklch
oklch(93.0% 0.038 54.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

160525
132405

Analogous

060524
160525
240523

Triadic

160525
241505
052415

Split-Comp.

160525
232405
052406

Tetradic

160525
240605
132405
052324

Contrast Matrix WCAG 2.1 Contrast

160525
F84088
FA9CAA
F3B3B4
FDE2D1
—
5.6
AA
9.6
AAA
11.0
AAA
15.7
AAA
5.6
AA
—
1.7
Fail
2.0
Fail
2.8
Fail
9.6
AAA
1.7
Fail
—
1.1
Fail
1.6
Fail
11.0
AAA
2.0
Fail
1.1
Fail
—
1.4
Fail
15.7
AAA
2.8
Fail
1.6
Fail
1.4
Fail
—
White BG
19.4AAA
3.5AA Large
2.0Fail
1.8Fail
1.2Fail
Black BG
1.1Fail
6.1AA
10.4AAA
11.9AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0F0E1D
A8A777
D1D0A7
D7D7B4
F1F1D5

Deuteranopia

10111B
B3C172
D7DEA6
DBE0B4
F3F5D6

Tritanopia

151716
EF6966
F5A4A3
F0B4B4
FCD8D9

Achromatopsia

0E0E0E
7F7F7F
BABABA
C6C6C6
E8E8E8

Shades & Tints Shades & Tints

#160525

Dark
Light

#F84088

Dark
Light

#FA9CAA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #160525;
  --color-2: #f84088;
  --color-3: #fa9caa;
  --color-4: #f3b3b4;
  --color-5: #fde2d1;
}

SCSS

$color-1: #160525;
$color-2: #f84088;
$color-3: #fa9caa;
$color-4: #f3b3b4;
$color-5: #fde2d1;

TAILWIND

colors: {
  'brand-1': '#160525',
  'brand-2': '#f84088',
  'brand-3': '#fa9caa',
  'brand-4': '#f3b3b4',
  'brand-5': '#fde2d1',
}

RGB Array

[22, 5, 37], [248, 64, 136], [250, 156, 170], [243, 179, 180], [253, 226, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #160525, #F84088, #FA9CAA, #F3B3B4, #FDE2D1 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: #160525; --color-2: #f84088; --color-3: #fa9caa; --color-4: #f3b3b4; --color-5: #fde2d1. 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 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