← Back to Editor

#110424 · #380D75 · #4622C9 · #585DE8 · #92A2DE

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 AppData Visualization

Color Details Color Details

#110424

Deep Indigo · Black · Dark Purple

HEX
#110424
RGB
rgb(17, 4, 36)
HSL
hsl(264, 80%, 8%)
HSB
hsb(264, 89%, 14%)
CMYK
cmyk(53%, 89%, 0%, 86%)
Oklch
oklch(15.7% 0.065 298.3)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#380D75

Deep Indigo · MidnightBlue · Eggplant

HEX
#380D75
RGB
rgb(56, 13, 117)
HSL
hsl(265, 80%, 25%)
HSB
hsb(265, 89%, 46%)
CMYK
cmyk(52%, 89%, 0%, 54%)
Oklch
oklch(30.9% 0.156 293.2)

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

#4622C9

Deep Indigo · SlateBlue · Navy Blue

HEX
#4622C9
RGB
rgb(70, 34, 201)
HSL
hsl(253, 71%, 46%)
HSB
hsb(253, 83%, 79%)
CMYK
cmyk(65%, 83%, 0%, 21%)
Oklch
oklch(43.2% 0.232 280.4)

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

#585DE8

Azure · SlateBlue · Cobalt Blue

HEX
#585DE8
RGB
rgb(88, 93, 232)
HSL
hsl(238, 76%, 63%)
HSB
hsb(238, 62%, 91%)
CMYK
cmyk(62%, 60%, 0%, 9%)
Oklch
oklch(55.6% 0.206 275.8)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#92A2DE

Azure · LightSteelBlue · Cobalt Blue

HEX
#92A2DE
RGB
rgb(146, 162, 222)
HSL
hsl(227, 54%, 72%)
HSB
hsb(227, 34%, 87%)
CMYK
cmyk(34%, 27%, 0%, 13%)
Oklch
oklch(72.2% 0.089 272.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

110424
182504

Analogous

040725
110424
210425

Triadic

110424
251104
042511

Split-Comp.

110424
252104
072504

Tetradic

110424
250407
182504
042521

Contrast Matrix WCAG 2.1 Contrast

110424
380D75
4622C9
585DE8
92A2DE
—
1.4
Fail
2.2
Fail
3.9
AA Large
7.9
AAA
1.4
Fail
—
1.6
Fail
2.8
Fail
5.7
AA
2.2
Fail
1.6
Fail
—
1.8
Fail
3.6
AA Large
3.9
AA Large
2.8
Fail
1.8
Fail
—
2.0
Fail
7.9
AAA
5.7
AA
3.6
AA Large
2.0
Fail
—
White BG
19.7AAA
14.2AAA
9.0AAA
5.1AA
2.5Fail
Black BG
1.1Fail
1.5Fail
2.3Fail
4.1AA Large
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0B0B1C
25255C
3636A1
5A5AC6
9999CF

Deuteranopia

0C0D1A
282B56
393B97
5A5ABE
9897CC

Tritanopia

101615
364844
44817A
58ACA6
93C4C2

Achromatopsia

0C0C0C
262626
404040
6B6B6B
A4A4A4

Shades & Tints Shades & Tints

#110424

Dark
Light

#380D75

Dark
Light

#4622C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #110424;
  --color-2: #380d75;
  --color-3: #4622c9;
  --color-4: #585de8;
  --color-5: #92a2de;
}

SCSS

$color-1: #110424;
$color-2: #380d75;
$color-3: #4622c9;
$color-4: #585de8;
$color-5: #92a2de;

TAILWIND

colors: {
  'brand-1': '#110424',
  'brand-2': '#380d75',
  'brand-3': '#4622c9',
  'brand-4': '#585de8',
  'brand-5': '#92a2de',
}

RGB Array

[17, 4, 36], [56, 13, 117], [70, 34, 201], [88, 93, 232], [146, 162, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #110424, #380D75, #4622C9, #585DE8, #92A2DE 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: #110424; --color-2: #380d75; --color-3: #4622c9; --color-4: #585de8; --color-5: #92a2de. 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