← Back to Editor

#480042 · #810051 · #B61354 · #E63462 · #FF6177

dark

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

#480042

Rose Purple · MidnightBlue · Dark Purple

HEX
#480042
RGB
rgb(72, 0, 66)
HSL
hsl(305, 100%, 14%)
HSB
hsb(305, 100%, 28%)
CMYK
cmyk(0%, 100%, 8%, 72%)
Oklch
oklch(27.8% 0.125 332.5)

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

#810051

Rose Purple · Purple · Raspberry

HEX
#810051
RGB
rgb(129, 0, 81)
HSL
hsl(322, 100%, 25%)
HSB
hsb(322, 100%, 51%)
CMYK
cmyk(0%, 100%, 37%, 49%)
Oklch
oklch(39.7% 0.165 351.2)

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

#B61354

Dark Violet · Crimson · Camellia

HEX
#B61354
RGB
rgb(182, 19, 84)
HSL
hsl(336, 81%, 39%)
HSB
hsb(336, 90%, 71%)
CMYK
cmyk(0%, 90%, 54%, 29%)
Oklch
oklch(50.5% 0.193 5.8)

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

#E63462

Dark Violet · Crimson · Rose Pink

HEX
#E63462
RGB
rgb(230, 52, 98)
HSL
hsl(344, 78%, 55%)
HSB
hsb(344, 77%, 90%)
CMYK
cmyk(0%, 77%, 57%, 10%)
Oklch
oklch(61.4% 0.212 11.8)

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

#FF6177

Peach Pink · Salmon · Coral Red

HEX
#FF6177
RGB
rgb(255, 97, 119)
HSL
hsl(352, 100%, 69%)
HSB
hsb(352, 62%, 100%)
CMYK
cmyk(0%, 62%, 53%, 0%)
Oklch
oklch(70.2% 0.192 15.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

480042
004706

Analogous

2A0047
480042
47001E

Triadic

480042
414700
004147

Split-Comp.

480042
1E4700
00472A

Tetradic

480042
472A00
004706
001E47

Contrast Matrix WCAG 2.1 Contrast

480042
810051
B61354
E63462
FF6177
—
1.5
Fail
2.4
Fail
3.7
AA Large
5.3
AA
1.5
Fail
—
1.6
Fail
2.5
Fail
3.5
AA Large
2.4
Fail
1.6
Fail
—
1.6
Fail
2.3
Fail
3.7
AA Large
2.5
Fail
1.6
Fail
—
1.4
Fail
5.3
AA
3.5
AA Large
2.3
Fail
1.4
Fail
—
White BG
15.5AAA
10.2AAA
6.5AA
4.2AA Large
2.9Fail
Black BG
1.4Fail
2.1Fail
3.2AA Large
5.0AA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292832
49483D
6F6E44
999757
BBB972

Deuteranopia

2D322E
515A39
798541
A3B154
C4D070

Tritanopia

442523
7B2E2B
AE3835
DD4E4C
F76D6D

Achromatopsia

1D1D1D
303030
4B4B4B
6E6E6E
939393

Shades & Tints Shades & Tints

#480042

Dark
Light

#810051

Dark
Light

#B61354

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #480042;
  --color-2: #810051;
  --color-3: #b61354;
  --color-4: #e63462;
  --color-5: #ff6177;
}

SCSS

$color-1: #480042;
$color-2: #810051;
$color-3: #b61354;
$color-4: #e63462;
$color-5: #ff6177;

TAILWIND

colors: {
  'brand-1': '#480042',
  'brand-2': '#810051',
  'brand-3': '#b61354',
  'brand-4': '#e63462',
  'brand-5': '#ff6177',
}

RGB Array

[72, 0, 66], [129, 0, 81], [182, 19, 84], [230, 52, 98], [255, 97, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #480042, #810051, #B61354, #E63462, #FF6177 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: #480042; --color-2: #810051; --color-3: #b61354; --color-4: #e63462; --color-5: #ff6177. 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 dark-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