← Back to Editor

#270019 · #470044 · #510040 · #88005C · #D60074

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

#270019

Rose Purple · Black · Raspberry

HEX
#270019
RGB
rgb(39, 0, 25)
HSL
hsl(322, 100%, 8%)
HSB
hsb(322, 100%, 15%)
CMYK
cmyk(0%, 100%, 36%, 85%)
Oklch
oklch(18.1% 0.077 345.7)

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

#470044

Rose Purple · MidnightBlue · Dark Purple

HEX
#470044
RGB
rgb(71, 0, 68)
HSL
hsl(303, 100%, 14%)
HSB
hsb(303, 100%, 28%)
CMYK
cmyk(0%, 100%, 4%, 72%)
Oklch
oklch(27.7% 0.126 330.4)

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

#510040

Rose Purple · MidnightBlue · Dark Purple

HEX
#510040
RGB
rgb(81, 0, 64)
HSL
hsl(313, 100%, 16%)
HSB
hsb(313, 100%, 32%)
CMYK
cmyk(0%, 100%, 21%, 68%)
Oklch
oklch(29.4% 0.128 339.6)

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

#88005C

Rose Purple · Purple · Eggplant

HEX
#88005C
RGB
rgb(136, 0, 92)
HSL
hsl(319, 100%, 27%)
HSB
hsb(319, 100%, 53%)
CMYK
cmyk(0%, 100%, 32%, 47%)
Oklch
oklch(41.5% 0.174 348.0)

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

#D60074

Rose Purple · MediumVioletRed · Camellia

HEX
#D60074
RGB
rgb(214, 0, 116)
HSL
hsl(327, 100%, 42%)
HSB
hsb(327, 100%, 84%)
CMYK
cmyk(0%, 100%, 46%, 16%)
Oklch
oklch(56.8% 0.231 358.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

270019
00290F

Analogous

230029
270019
290005

Triadic

270019
1A2900
001A29

Split-Comp.

270019
052900
002923

Tetradic

270019
292300
00290F
000529

Contrast Matrix WCAG 2.1 Contrast

270019
470044
510040
88005C
D60074
—
1.2
Fail
1.3
Fail
2.0
Fail
3.7
AA Large
1.2
Fail
—
1.1
Fail
1.6
Fail
3.0
AA Large
1.3
Fail
1.1
Fail
—
1.5
Fail
2.9
Fail
2.0
Fail
1.6
Fail
1.5
Fail
—
1.9
Fail
3.7
AA Large
3.0
AA Large
2.9
Fail
1.9
Fail
—
White BG
19.1AAA
15.5AAA
14.7AAA
9.5AAA
5.1AA
Black BG
1.1Fail
1.4Fail
1.4Fail
2.2Fail
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

161613
282834
2E2D31
4D4C46
797758

Deuteranopia

181B12
2C3230
33392D
555F40
869651

Tritanopia

250E0D
432724
4D2422
813430
CB423D

Achromatopsia

0F0F0F
1D1D1D
202020
333333
4D4D4D

Shades & Tints Shades & Tints

#270019

Dark
Light

#470044

Dark
Light

#510040

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #270019;
  --color-2: #470044;
  --color-3: #510040;
  --color-4: #88005c;
  --color-5: #d60074;
}

SCSS

$color-1: #270019;
$color-2: #470044;
$color-3: #510040;
$color-4: #88005c;
$color-5: #d60074;

TAILWIND

colors: {
  'brand-1': '#270019',
  'brand-2': '#470044',
  'brand-3': '#510040',
  'brand-4': '#88005c',
  'brand-5': '#d60074',
}

RGB Array

[39, 0, 25], [71, 0, 68], [81, 0, 64], [136, 0, 92], [214, 0, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #270019, #470044, #510040, #88005C, #D60074 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: #270019; --color-2: #470044; --color-3: #510040; --color-4: #88005c; --color-5: #d60074. 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