← Back to Editor

#020112 · #06072E · #300E50 · #5E1768 · #960E64

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

#020112

Deep Indigo · Black · Deep Sea Blue

HEX
#020112
RGB
rgb(2, 1, 18)
HSL
hsl(244, 89%, 4%)
HSB
hsb(244, 94%, 7%)
CMYK
cmyk(89%, 94%, 0%, 93%)
Oklch
oklch(9.7% 0.048 278.6)

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

#06072E

Indigo · Black · Deep Sea Blue

HEX
#06072E
RGB
rgb(6, 7, 46)
HSL
hsl(239, 77%, 10%)
HSB
hsb(239, 87%, 18%)
CMYK
cmyk(87%, 85%, 0%, 82%)
Oklch
oklch(16.4% 0.076 272.8)

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

#300E50

Royal Purple · MidnightBlue · Dark Purple

HEX
#300E50
RGB
rgb(48, 14, 80)
HSL
hsl(271, 70%, 18%)
HSB
hsb(271, 83%, 31%)
CMYK
cmyk(40%, 83%, 0%, 69%)
Oklch
oklch(26.2% 0.113 302.5)

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

#5E1768

Royal Purple · Purple · Eggplant

HEX
#5E1768
RGB
rgb(94, 23, 104)
HSL
hsl(293, 64%, 25%)
HSB
hsb(293, 78%, 41%)
CMYK
cmyk(10%, 78%, 0%, 59%)
Oklch
oklch(36.1% 0.144 322.4)

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

#960E64

Rose Purple · Purple · Camellia

HEX
#960E64
RGB
rgb(150, 14, 100)
HSL
hsl(322, 83%, 32%)
HSB
hsb(322, 91%, 59%)
CMYK
cmyk(0%, 91%, 33%, 41%)
Oklch
oklch(45.0% 0.180 349.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

020112
121301

Analogous

010913
020112
0B0113

Triadic

020112
130201
011302

Split-Comp.

020112
130B01
091301

Tetradic

020112
130109
121301
01130B

Contrast Matrix WCAG 2.1 Contrast

020112
06072E
300E50
5E1768
960E64
—
1.1
Fail
1.3
Fail
1.8
Fail
2.5
Fail
1.1
Fail
—
1.2
Fail
1.7
Fail
2.4
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
2.0
Fail
1.8
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
2.5
Fail
2.4
Fail
2.0
Fail
1.4
Fail
—
White BG
20.7AAA
19.5AAA
16.1AAA
11.7AAA
8.3AAA
Black BG
1.0Fail
1.1Fail
1.3Fail
1.8Fail
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

02020E
060625
212140
3F3F54
5B5A4F

Deuteranopia

02020D
060622
23263C
434950
636D4A

Tritanopia

020B0A
061D1B
2E3331
5A4542
8F3F3B

Achromatopsia

030303
0B0B0B
202020
353535
404040

Shades & Tints Shades & Tints

#020112

Dark
Light

#06072E

Dark
Light

#300E50

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #020112;
  --color-2: #06072e;
  --color-3: #300e50;
  --color-4: #5e1768;
  --color-5: #960e64;
}

SCSS

$color-1: #020112;
$color-2: #06072e;
$color-3: #300e50;
$color-4: #5e1768;
$color-5: #960e64;

TAILWIND

colors: {
  'brand-1': '#020112',
  'brand-2': '#06072e',
  'brand-3': '#300e50',
  'brand-4': '#5e1768',
  'brand-5': '#960e64',
}

RGB Array

[2, 1, 18], [6, 7, 46], [48, 14, 80], [94, 23, 104], [150, 14, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #020112, #06072E, #300E50, #5E1768, #960E64 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: #020112; --color-2: #06072e; --color-3: #300e50; --color-4: #5e1768; --color-5: #960e64. 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