← Back to Editor

#FFE7E5 · #5B2D88 · #030104 · #F250D5 · #F74F7E

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

#FFE7E5

Peach Pink · Linen · Cherry Blossom

HEX
#FFE7E5
RGB
rgb(255, 231, 229)
HSL
hsl(5, 100%, 95%)
HSB
hsb(5, 10%, 100%)
CMYK
cmyk(0%, 9%, 10%, 0%)
Oklch
oklch(94.7% 0.027 23.4)

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

#5B2D88

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5B2D88
RGB
rgb(91, 45, 136)
HSL
hsl(270, 50%, 35%)
HSB
hsb(270, 67%, 53%)
CMYK
cmyk(33%, 67%, 0%, 47%)
Oklch
oklch(40.6% 0.146 303.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#030104

Royal Purple · Black · Dark Purple

HEX
#030104
RGB
rgb(3, 1, 4)
HSL
hsl(280, 60%, 1%)
HSB
hsb(280, 75%, 2%)
CMYK
cmyk(25%, 75%, 0%, 98%)
Oklch
oklch(8.2% 0.020 316.9)

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

#F250D5

Mauve · Orchid · Lilac Purple

HEX
#F250D5
RGB
rgb(242, 80, 213)
HSL
hsl(311, 86%, 63%)
HSB
hsb(311, 67%, 95%)
CMYK
cmyk(0%, 67%, 12%, 5%)
Oklch
oklch(69.7% 0.241 335.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#F74F7E

Rouge · LightCoral · Rose Pink

HEX
#F74F7E
RGB
rgb(247, 79, 126)
HSL
hsl(343, 91%, 64%)
HSB
hsb(343, 68%, 97%)
CMYK
cmyk(0%, 68%, 49%, 3%)
Oklch
oklch(67.2% 0.205 7.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE7E5
E5FDFF

Analogous

FFE5F0
FFE7E5
FFF4E5

Triadic

FFE7E5
E5FFE8
E8E5FF

Split-Comp.

FFE7E5
E5FFF4
E5F0FF

Tetradic

FFE7E5
F0FFE5
E5FDFF
F4E5FF

Contrast Matrix WCAG 2.1 Contrast

FFE7E5
5B2D88
030104
F250D5
F74F7E
—
8.2
AAA
17.6
AAA
2.6
Fail
2.8
Fail
8.2
AAA
—
2.2
Fail
3.2
AA Large
2.9
Fail
17.6
AAA
2.2
Fail
—
6.8
AA
6.3
AA
2.6
Fail
3.2
AA Large
6.8
AA
—
1.1
Fail
2.8
Fail
2.9
Fail
6.3
AA
1.1
Fail
—
White BG
1.2Fail
9.7AAA
20.8AAA
3.1AA Large
3.3AA Large
Black BG
17.8AAA
2.2Fail
1.0Fail
6.9AA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F4E5
474772
020203
ACAAB5
AEAD73

Deuteranopia

F6F8E6
4A4D6D
020203
B5C1AD
B8C570

Tritanopia

FEE6E6
59615D
030303
EA9B96
EF6A68

Achromatopsia

EEEEEE
454545
020202
909090
878787

Shades & Tints Shades & Tints

#FFE7E5

Dark
Light

#5B2D88

Dark
Light

#030104

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe7e5;
  --color-2: #5b2d88;
  --color-3: #030104;
  --color-4: #f250d5;
  --color-5: #f74f7e;
}

SCSS

$color-1: #ffe7e5;
$color-2: #5b2d88;
$color-3: #030104;
$color-4: #f250d5;
$color-5: #f74f7e;

TAILWIND

colors: {
  'brand-1': '#ffe7e5',
  'brand-2': '#5b2d88',
  'brand-3': '#030104',
  'brand-4': '#f250d5',
  'brand-5': '#f74f7e',
}

RGB Array

[255, 231, 229], [91, 45, 136], [3, 1, 4], [242, 80, 213], [247, 79, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE7E5, #5B2D88, #030104, #F250D5, #F74F7E 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: #ffe7e5; --color-2: #5b2d88; --color-3: #030104; --color-4: #f250d5; --color-5: #f74f7e. 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