← Back to Editor

#08001A · #28023B · #5E0358 · #A10555 · #D10640

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#08001A

Deep Indigo · Black · Deep Sea Blue

HEX
#08001A
RGB
rgb(8, 0, 26)
HSL
hsl(258, 100%, 5%)
HSB
hsb(258, 100%, 10%)
CMYK
cmyk(69%, 100%, 0%, 90%)
Oklch
oklch(11.7% 0.064 295.6)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#28023B

Royal Purple · MidnightBlue · Dark Purple

HEX
#28023B
RGB
rgb(40, 2, 59)
HSL
hsl(280, 93%, 12%)
HSB
hsb(280, 97%, 23%)
CMYK
cmyk(32%, 97%, 0%, 77%)
Oklch
oklch(21.5% 0.103 310.8)

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

#5E0358

Rose Purple · Purple · Dark Purple

HEX
#5E0358
RGB
rgb(94, 3, 88)
HSL
hsl(304, 94%, 19%)
HSB
hsb(304, 97%, 37%)
CMYK
cmyk(0%, 97%, 6%, 63%)
Oklch
oklch(33.6% 0.149 331.6)

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

#A10555

Rose Purple · Purple · Camellia

HEX
#A10555
RGB
rgb(161, 5, 85)
HSL
hsl(329, 94%, 33%)
HSB
hsb(329, 97%, 63%)
CMYK
cmyk(0%, 97%, 47%, 37%)
Oklch
oklch(46.1% 0.185 359.5)

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

#D10640

Dark Violet · Crimson · Camellia

HEX
#D10640
RGB
rgb(209, 6, 64)
HSL
hsl(343, 94%, 42%)
HSB
hsb(343, 97%, 82%)
CMYK
cmyk(0%, 97%, 69%, 18%)
Oklch
oklch(54.8% 0.217 17.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

08001A
121A00

Analogous

00051A
08001A
14001A

Triadic

08001A
1A0800
001A08

Split-Comp.

08001A
1A1400
051A00

Tetradic

08001A
1A0005
121A00
001A14

Contrast Matrix WCAG 2.1 Contrast

08001A
28023B
5E0358
A10555
D10640
—
1.1
Fail
1.6
Fail
2.6
Fail
3.7
AA Large
1.1
Fail
—
1.4
Fail
2.3
Fail
3.3
AA Large
1.6
Fail
1.4
Fail
—
1.6
Fail
2.3
Fail
2.6
Fail
2.3
Fail
1.6
Fail
—
1.4
Fail
3.7
AA Large
3.3
AA Large
2.3
Fail
1.4
Fail
—
White BG
20.5AAA
18.1AAA
12.9AAA
7.9AAA
5.5AA
Black BG
1.0Fail
1.2Fail
1.6Fail
2.7Fail
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

050414
18172D
373643
5D5C42
797732

Deuteranopia

050612
1A1D2A
3C433E
67723D
85942F

Tritanopia

080F0E
262220
593330
99322F
C72724

Achromatopsia

050505
141414
282828
3D3D3D
494949

Shades & Tints Shades & Tints

#08001A

Dark
Light

#28023B

Dark
Light

#5E0358

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #08001a;
  --color-2: #28023b;
  --color-3: #5e0358;
  --color-4: #a10555;
  --color-5: #d10640;
}

SCSS

$color-1: #08001a;
$color-2: #28023b;
$color-3: #5e0358;
$color-4: #a10555;
$color-5: #d10640;

TAILWIND

colors: {
  'brand-1': '#08001a',
  'brand-2': '#28023b',
  'brand-3': '#5e0358',
  'brand-4': '#a10555',
  'brand-5': '#d10640',
}

RGB Array

[8, 0, 26], [40, 2, 59], [94, 3, 88], [161, 5, 85], [209, 6, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #08001A, #28023B, #5E0358, #A10555, #D10640 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: #08001a; --color-2: #28023b; --color-3: #5e0358; --color-4: #a10555; --color-5: #d10640. 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