← Back to Editor

#EBB8E2 · #53123F · #8C044A · #B50761 · #E34689

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

#EBB8E2

Mauve · Pink · Lavender

HEX
#EBB8E2
RGB
rgb(235, 184, 226)
HSL
hsl(311, 56%, 82%)
HSB
hsb(311, 22%, 92%)
CMYK
cmyk(0%, 22%, 4%, 8%)
Oklch
oklch(84.1% 0.080 332.4)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#53123F

Rose Purple · DarkSlateGray · Dark Purple

HEX
#53123F
RGB
rgb(83, 18, 63)
HSL
hsl(318, 64%, 20%)
HSB
hsb(318, 78%, 33%)
CMYK
cmyk(0%, 78%, 24%, 67%)
Oklch
oklch(31.2% 0.109 342.9)

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

#8C044A

Rose Purple · Purple · Camellia

HEX
#8C044A
RGB
rgb(140, 4, 74)
HSL
hsl(329, 94%, 28%)
HSB
hsb(329, 97%, 55%)
CMYK
cmyk(0%, 97%, 47%, 45%)
Oklch
oklch(41.7% 0.167 359.1)

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

#B50761

Rose Purple · MediumVioletRed · Camellia

HEX
#B50761
RGB
rgb(181, 7, 97)
HSL
hsl(329, 93%, 37%)
HSB
hsb(329, 96%, 71%)
CMYK
cmyk(0%, 96%, 46%, 29%)
Oklch
oklch(50.3% 0.201 359.3)

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

#E34689

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E34689
RGB
rgb(227, 70, 137)
HSL
hsl(334, 74%, 58%)
HSB
hsb(334, 69%, 89%)
CMYK
cmyk(0%, 69%, 40%, 11%)
Oklch
oklch(63.5% 0.200 358.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBB8E2
B7EBC1

Analogous

DBB7EB
EBB8E2
EBB7C8

Triadic

EBB8E2
E1EBB7
B7E1EB

Split-Comp.

EBB8E2
C8EBB7
B7EBDB

Tetradic

EBB8E2
EBDBB7
B7EBC1
B7C8EB

Contrast Matrix WCAG 2.1 Contrast

EBB8E2
53123F
8C044A
B50761
E34689
—
8.2
AAA
5.6
AA
3.9
AA Large
2.3
Fail
8.2
AAA
—
1.5
Fail
2.1
Fail
3.6
AA Large
5.6
AA
1.5
Fail
—
1.4
Fail
2.5
Fail
3.9
AA Large
2.1
Fail
1.4
Fail
—
1.7
Fail
2.3
Fail
3.6
AA Large
2.5
Fail
1.7
Fail
—
White BG
1.7Fail
13.8AAA
9.4AAA
6.6AA
3.8AA Large
Black BG
12.5AAA
1.5Fail
2.2Fail
3.2AA Large
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D4D8
373634
515039
6A684B
9F9E79

Deuteranopia

D8DCD5
3B3F31
596335
748146
A8B475

Tritanopia

E8D0CE
502C2A
852C29
AC3A36
DB6C69

Achromatopsia

CCCCCC
2B2B2B
353535
454545
7D7D7D

Shades & Tints Shades & Tints

#EBB8E2

Dark
Light

#53123F

Dark
Light

#8C044A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebb8e2;
  --color-2: #53123f;
  --color-3: #8c044a;
  --color-4: #b50761;
  --color-5: #e34689;
}

SCSS

$color-1: #ebb8e2;
$color-2: #53123f;
$color-3: #8c044a;
$color-4: #b50761;
$color-5: #e34689;

TAILWIND

colors: {
  'brand-1': '#ebb8e2',
  'brand-2': '#53123f',
  'brand-3': '#8c044a',
  'brand-4': '#b50761',
  'brand-5': '#e34689',
}

RGB Array

[235, 184, 226], [83, 18, 63], [140, 4, 74], [181, 7, 97], [227, 70, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBB8E2, #53123F, #8C044A, #B50761, #E34689 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: #ebb8e2; --color-2: #53123f; --color-3: #8c044a; --color-4: #b50761; --color-5: #e34689. 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