← Back to Editor

#87004D · #DA0B5D · #FF3768 · #FE9E9F · #FFE0BB

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

#87004D

Rose Purple · Purple · Camellia

HEX
#87004D
RGB
rgb(135, 0, 77)
HSL
hsl(326, 100%, 26%)
HSB
hsb(326, 100%, 53%)
CMYK
cmyk(0%, 100%, 43%, 47%)
Oklch
oklch(40.7% 0.167 355.6)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#DA0B5D

Dark Violet · Crimson · Camellia

HEX
#DA0B5D
RGB
rgb(218, 11, 93)
HSL
hsl(336, 90%, 45%)
HSB
hsb(336, 95%, 85%)
CMYK
cmyk(0%, 95%, 57%, 15%)
Oklch
oklch(57.1% 0.225 8.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#FF3768

Peach Pink · Tomato · Coral Red

HEX
#FF3768
RGB
rgb(255, 55, 104)
HSL
hsl(345, 100%, 61%)
HSB
hsb(345, 78%, 100%)
CMYK
cmyk(0%, 78%, 59%, 0%)
Oklch
oklch(66.0% 0.232 13.1)

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

#FE9E9F

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FE9E9F
RGB
rgb(254, 158, 159)
HSL
hsl(359, 98%, 81%)
HSB
hsb(359, 38%, 100%)
CMYK
cmyk(0%, 38%, 37%, 0%)
Oklch
oklch(79.7% 0.115 19.3)

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

#FFE0BB

Goose Yellow · Bisque · Peach Orange

HEX
#FFE0BB
RGB
rgb(255, 224, 187)
HSL
hsl(33, 100%, 87%)
HSB
hsb(33, 27%, 100%)
CMYK
cmyk(0%, 12%, 27%, 0%)
Oklch
oklch(92.3% 0.059 71.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

87004D
008539

Analogous

7C0085
87004D
850009

Triadic

87004D
4B8500
004B85

Split-Comp.

87004D
098500
00857C

Tetradic

87004D
857C00
008539
000985

Contrast Matrix WCAG 2.1 Contrast

87004D
DA0B5D
FF3768
FE9E9F
FFE0BB
—
2.0
Fail
2.8
Fail
5.0
AA
7.8
AAA
2.0
Fail
—
1.4
Fail
2.5
Fail
4.0
AA Large
2.8
Fail
1.4
Fail
—
1.8
Fail
2.8
Fail
5.0
AA
2.5
Fail
1.8
Fail
—
1.6
Fail
7.8
AAA
4.0
AA Large
2.8
Fail
1.6
Fail
—
White BG
9.8AAA
5.0AA
3.5AA Large
2.0Fail
1.3Fail
Black BG
2.1Fail
4.2AA Large
6.0AA
10.6AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4B3A
807F49
A8A75C
D4D49F
F2F1C4

Deuteranopia

545F36
8C9C44
B4C359
DAE19F
F3F6C6

Tritanopia

802C28
D03936
F55351
F99F9F
FDCBCD

Achromatopsia

313131
525252
787878
BBBBBB
E5E5E5

Shades & Tints Shades & Tints

#87004D

Dark
Light

#DA0B5D

Dark
Light

#FF3768

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #87004d;
  --color-2: #da0b5d;
  --color-3: #ff3768;
  --color-4: #fe9e9f;
  --color-5: #ffe0bb;
}

SCSS

$color-1: #87004d;
$color-2: #da0b5d;
$color-3: #ff3768;
$color-4: #fe9e9f;
$color-5: #ffe0bb;

TAILWIND

colors: {
  'brand-1': '#87004d',
  'brand-2': '#da0b5d',
  'brand-3': '#ff3768',
  'brand-4': '#fe9e9f',
  'brand-5': '#ffe0bb',
}

RGB Array

[135, 0, 77], [218, 11, 93], [255, 55, 104], [254, 158, 159], [255, 224, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #87004D, #DA0B5D, #FF3768, #FE9E9F, #FFE0BB 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: #87004d; --color-2: #da0b5d; --color-3: #ff3768; --color-4: #fe9e9f; --color-5: #ffe0bb. 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