← Back to Editor

#2F0035 · #110016 · #540092 · #6400D7 · #0080E2

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#2F0035

Royal Purple · MidnightBlue · Dark Purple

HEX
#2F0035
RGB
rgb(47, 0, 53)
HSL
hsl(293, 100%, 10%)
HSB
hsb(293, 100%, 21%)
CMYK
cmyk(11%, 100%, 0%, 79%)
Oklch
oklch(21.9% 0.104 323.0)

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

#110016

Royal Purple · Black · Dark Purple

HEX
#110016
RGB
rgb(17, 0, 22)
HSL
hsl(286, 100%, 4%)
HSB
hsb(286, 100%, 9%)
CMYK
cmyk(23%, 100%, 0%, 91%)
Oklch
oklch(12.9% 0.062 319.8)

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

#540092

Royal Purple · Purple · Eggplant

HEX
#540092
RGB
rgb(84, 0, 146)
HSL
hsl(275, 100%, 29%)
HSB
hsb(275, 100%, 57%)
CMYK
cmyk(42%, 100%, 0%, 43%)
Oklch
oklch(36.8% 0.195 301.2)

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

#6400D7

Deep Indigo · DarkViolet · Violet

HEX
#6400D7
RGB
rgb(100, 0, 215)
HSL
hsl(268, 100%, 42%)
HSB
hsb(268, 100%, 84%)
CMYK
cmyk(53%, 100%, 0%, 16%)
Oklch
oklch(45.9% 0.258 291.3)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#0080E2

Lake Blue · DodgerBlue · Navy Blue

HEX
#0080E2
RGB
rgb(0, 128, 226)
HSL
hsl(206, 100%, 44%)
HSB
hsb(206, 100%, 89%)
CMYK
cmyk(100%, 43%, 0%, 11%)
Oklch
oklch(59.5% 0.175 251.4)

Traditional「Lake Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F0035
063300

Analogous

140033
2F0035
33001F

Triadic

2F0035
332D00
00332D

Split-Comp.

2F0035
1F3300
003314

Tetradic

2F0035
331400
063300
001F33

Contrast Matrix WCAG 2.1 Contrast

2F0035
110016
540092
6400D7
0080E2
—
1.1
Fail
1.5
Fail
2.2
Fail
4.4
AA Large
1.1
Fail
—
1.7
Fail
2.4
Fail
5.0
AA
1.5
Fail
1.7
Fail
—
1.4
Fail
2.9
Fail
2.2
Fail
2.4
Fail
1.4
Fail
—
2.1
Fail
4.4
AA Large
5.0
AA
2.9
Fail
2.1
Fail
—
White BG
17.9AAA
20.3AAA
11.7AAA
8.3AAA
4.0AA Large
Black BG
1.2Fail
1.0Fail
1.8Fail
2.5Fail
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1A28
0A0911
302F6F
3938A3
3739CA

Deuteranopia

1D2125
0B0C0F
353B66
3F4697
3026C5

Tritanopia

2D1E1C
100C0C
50534D
5F7A71
06B8B3

Achromatopsia

141414
080808
2A2A2A
363636
656565

Shades & Tints Shades & Tints

#2F0035

Dark
Light

#110016

Dark
Light

#540092

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f0035;
  --color-2: #110016;
  --color-3: #540092;
  --color-4: #6400d7;
  --color-5: #0080e2;
}

SCSS

$color-1: #2f0035;
$color-2: #110016;
$color-3: #540092;
$color-4: #6400d7;
$color-5: #0080e2;

TAILWIND

colors: {
  'brand-1': '#2f0035',
  'brand-2': '#110016',
  'brand-3': '#540092',
  'brand-4': '#6400d7',
  'brand-5': '#0080e2',
}

RGB Array

[47, 0, 53], [17, 0, 22], [84, 0, 146], [100, 0, 215], [0, 128, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #2F0035, #110016, #540092, #6400D7, #0080E2 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: #2f0035; --color-2: #110016; --color-3: #540092; --color-4: #6400d7; --color-5: #0080e2. 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 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