#06013B + #1E1B50 + #3B3960 + #716E8D + #5A5A5A · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#06013B

Deep Indigo · Black · Deep Sea Blue

HEX

#06013B

RGB

rgb(6, 1, 59)

HSL

hsl(245, 97%, 12%)

HSB

hsb(245, 98%, 23%)

CMYK

cmyk(90%, 98%, 0%, 77%)

Oklch

oklch(16.8% 0.105 272.0)

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

#1E1B50

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#1E1B50

RGB

rgb(30, 27, 80)

HSL

hsl(243, 50%, 21%)

HSB

hsb(243, 66%, 31%)

CMYK

cmyk(62%, 66%, 0%, 69%)

Oklch

oklch(26.2% 0.094 280.2)

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

#3B3960

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#3B3960

RGB

rgb(59, 57, 96)

HSL

hsl(243, 25%, 30%)

HSB

hsb(243, 41%, 38%)

CMYK

cmyk(39%, 41%, 0%, 62%)

Oklch

oklch(36.5% 0.066 285.0)

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

#716E8D

Deep Indigo · SlateGray · Navy Blue

HEX

#716E8D

RGB

rgb(113, 110, 141)

HSL

hsl(246, 12%, 49%)

HSB

hsb(246, 22%, 55%)

CMYK

cmyk(20%, 22%, 0%, 45%)

Oklch

oklch(55.2% 0.048 289.2)

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

#5A5A5A

Ink Gray · DimGray · Charcoal

HEX

#5A5A5A

RGB

rgb(90, 90, 90)

HSL

hsl(0, 0%, 35%)

HSB

hsb(0, 0%, 35%)

CMYK

cmyk(0%, 0%, 0%, 65%)

Oklch

oklch(46.8% 0.000 89.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

06013B

373C01

Analogous

011A3C

06013B

24013C

Triadic

06013B

3C0601

013C06

Split-Comp.

06013B

3C2401

1A3C01

Tetradic

06013B

3C011A

373C01

013C24

Contrast Matrix WCAG 2.1 Contrast

06013B	1E1B50	3B3960	716E8D	5A5A5A
—	1.2 Fail	1.8 Fail	4.0 AA Large	2.8 Fail
1.2 Fail	—	1.5 Fail	3.3 AA Large	2.3 Fail
1.8 Fail	1.5 Fail	—	2.2 Fail	1.6 Fail
4.0 AA Large	3.3 AA Large	2.2 Fail	—	1.4 Fail
2.8 Fail	2.3 Fail	1.6 Fail	1.4 Fail	—

White BG

19.5AAA

15.8AAA

10.8AAA

4.9AA

6.9AA

Black BG

1.1Fail

1.3Fail

1.9Fail

4.3AA Large

3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

04042D

1D1D43

3A3A57

707085

5A5A5A

Deuteranopia

04042A

1D1D40

3A3A54

707084

5A5A5A

Tritanopia

06221F

1E3937

3B4F4D

71807E

5A5A5A

Achromatopsia

090909

222222

3E3E3E

727272

5A5A5A

Shades & Tints Shades & Tints

#06013B

Dark

Light

#1E1B50

Dark

Light

#3B3960

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #06013b;
  --color-2: #1e1b50;
  --color-3: #3b3960;
  --color-4: #716e8d;
  --color-5: #5a5a5a;
}

SCSS

$color-1: #06013b;
$color-2: #1e1b50;
$color-3: #3b3960;
$color-4: #716e8d;
$color-5: #5a5a5a;

TAILWIND

colors: {
  'brand-1': '#06013b',
  'brand-2': '#1e1b50',
  'brand-3': '#3b3960',
  'brand-4': '#716e8d',
  'brand-5': '#5a5a5a',
}

RGB Array

[6, 1, 59], [30, 27, 80], [59, 57, 96], [113, 110, 141], [90, 90, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #06013B, #1E1B50, #3B3960, #716E8D, #5A5A5A is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #06013b; --color-2: #1e1b50; --color-3: #3b3960; --color-4: #716e8d; --color-5: #5a5a5a. 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 tech, SaaS, healthcare, eco industries. 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