← Back to Editor

#EB2D98 · #B31453 · #750625 · #420F1C · #C40034

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 App

Color Details Color Details

#EB2D98

Rose Purple · DeepPink · Rose Pink

HEX
#EB2D98
RGB
rgb(235, 45, 152)
HSL
hsl(326, 83%, 55%)
HSB
hsb(326, 81%, 92%)
CMYK
cmyk(0%, 81%, 35%, 8%)
Oklch
oklch(63.3% 0.237 352.3)

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

#B31453

Dark Violet · Crimson · Camellia

HEX
#B31453
RGB
rgb(179, 20, 83)
HSL
hsl(336, 80%, 39%)
HSB
hsb(336, 89%, 70%)
CMYK
cmyk(0%, 89%, 54%, 30%)
Oklch
oklch(50.0% 0.190 5.7)

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

#750625

Dark Violet · Maroon · Raspberry

HEX
#750625
RGB
rgb(117, 6, 37)
HSL
hsl(343, 90%, 24%)
HSB
hsb(343, 95%, 46%)
CMYK
cmyk(0%, 95%, 68%, 54%)
Oklch
oklch(36.1% 0.139 14.7)

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

#420F1C

Vermilion · Maroon · Deep Berry

HEX
#420F1C
RGB
rgb(66, 15, 28)
HSL
hsl(345, 63%, 16%)
HSB
hsb(345, 77%, 26%)
CMYK
cmyk(0%, 77%, 58%, 74%)
Oklch
oklch(26.1% 0.079 9.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#C40034

Dark Violet · Crimson · Camellia

HEX
#C40034
RGB
rgb(196, 0, 52)
HSL
hsl(344, 100%, 38%)
HSB
hsb(344, 100%, 77%)
CMYK
cmyk(0%, 100%, 73%, 23%)
Oklch
oklch(51.9% 0.208 19.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB2D98
2DEB80

Analogous

DF2DEB
EB2D98
EB2D3A

Triadic

EB2D98
99EB2D
2D99EB

Split-Comp.

EB2D98
3AEB2D
2DEBDF

Tetradic

EB2D98
EBDF2D
2DEB80
2D3AEB

Contrast Matrix WCAG 2.1 Contrast

EB2D98
B31453
750625
420F1C
C40034
—
1.7
Fail
3.0
Fail
4.1
AA Large
1.6
Fail
1.7
Fail
—
1.7
Fail
2.4
Fail
1.1
Fail
3.0
Fail
1.7
Fail
—
1.4
Fail
1.9
Fail
4.1
AA Large
2.4
Fail
1.4
Fail
—
2.6
Fail
1.6
Fail
1.1
Fail
1.9
Fail
2.6
Fail
—
White BG
3.9AA Large
6.7AA
11.6AAA
15.9AAA
6.2AA
Black BG
5.4AA
3.1AA Large
1.8Fail
1.3Fail
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

99977E
6E6D44
45441D
2C2B19
6F6D27

Deuteranopia

A4B278
778340
4B541C
2F3318
7B8924

Tritanopia

E26A65
AB3835
6F1816
3F1616
BA1D1B

Achromatopsia

727272
4B4B4B
2B2B2B
202020
414141

Shades & Tints Shades & Tints

#EB2D98

Dark
Light

#B31453

Dark
Light

#750625

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb2d98;
  --color-2: #b31453;
  --color-3: #750625;
  --color-4: #420f1c;
  --color-5: #c40034;
}

SCSS

$color-1: #eb2d98;
$color-2: #b31453;
$color-3: #750625;
$color-4: #420f1c;
$color-5: #c40034;

TAILWIND

colors: {
  'brand-1': '#eb2d98',
  'brand-2': '#b31453',
  'brand-3': '#750625',
  'brand-4': '#420f1c',
  'brand-5': '#c40034',
}

RGB Array

[235, 45, 152], [179, 20, 83], [117, 6, 37], [66, 15, 28], [196, 0, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB2D98, #B31453, #750625, #420F1C, #C40034 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #eb2d98; --color-2: #b31453; --color-3: #750625; --color-4: #420f1c; --color-5: #c40034. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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