#4D4E5F + #083964 + #000938 + #0B1423 + #000000 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#4D4E5F

Indigo · DarkSlateGray · Prussian Blue

HEX

#4D4E5F

RGB

rgb(77, 78, 95)

HSL

hsl(237, 10%, 34%)

HSB

hsb(237, 19%, 37%)

CMYK

cmyk(19%, 18%, 0%, 63%)

Oklch

oklch(43.0% 0.028 282.5)

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

#083964

Lake Blue · MidnightBlue · Prussian Blue

HEX

#083964

RGB

rgb(8, 57, 100)

HSL

hsl(208, 85%, 21%)

HSB

hsb(208, 92%, 39%)

CMYK

cmyk(92%, 43%, 0%, 61%)

Oklch

oklch(33.9% 0.090 250.6)

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

#000938

Indigo · Black · Deep Sea Blue

HEX

#000938

RGB

rgb(0, 9, 56)

HSL

hsl(230, 100%, 11%)

HSB

hsb(230, 100%, 22%)

CMYK

cmyk(100%, 84%, 0%, 78%)

Oklch

oklch(17.6% 0.092 263.4)

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

#0B1423

Indigo · Black · Deep Sea Blue

HEX

#0B1423

RGB

rgb(11, 20, 35)

HSL

hsl(218, 52%, 9%)

HSB

hsb(218, 69%, 14%)

CMYK

cmyk(69%, 43%, 0%, 86%)

Oklch

oklch(19.1% 0.034 260.2)

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

#000000

Ink Black · Black · Jet Black

HEX

#000000

RGB

rgb(0, 0, 0)

HSL

hsl(0, 0%, 0%)

HSB

hsb(0, 0%, 0%)

CMYK

cmyk(0%, 0%, 0%, 100%)

Oklch

oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D4E5F

5F5F4E

Analogous

4E585F

4D4E5F

564E5F

Triadic

4D4E5F

5F4E4F

4F5F4E

Split-Comp.

4D4E5F

5F564E

585F4E

Tetradic

4D4E5F

5F4E58

5F5F4E

4E5F56

Contrast Matrix WCAG 2.1 Contrast

4D4E5F	083964	000938	0B1423	000000
—	1.4 Fail	2.3 Fail	2.3 Fail	2.6 Fail
1.4 Fail	—	1.6 Fail	1.6 Fail	1.8 Fail
2.3 Fail	1.6 Fail	—	1.0 Fail	1.1 Fail
2.3 Fail	1.6 Fail	1.0 Fail	—	1.1 Fail
2.6 Fail	1.8 Fail	1.1 Fail	1.1 Fail	—

White BG

8.2AAA

11.8AAA

19.2AAA

18.4AAA

21.0AAA

Black BG

2.6Fail

1.8Fail

1.1Fail

1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D5B

1D1E5A

04042D

0F0F1F

000000

Deuteranopia

4D4D5A

1A1757

03032A

0E0E1F

000000

Tritanopia

4D5857

0A5150

002422

0B1D1C

000000

Achromatopsia

505050

2F2F2F

0C0C0C

131313

000000

Shades & Tints Shades & Tints

#4D4E5F

Dark

Light

#083964

Dark

Light

#000938

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d4e5f;
  --color-2: #083964;
  --color-3: #000938;
  --color-4: #0b1423;
  --color-5: #000000;
}

SCSS

$color-1: #4d4e5f;
$color-2: #083964;
$color-3: #000938;
$color-4: #0b1423;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#4d4e5f',
  'brand-2': '#083964',
  'brand-3': '#000938',
  'brand-4': '#0b1423',
  'brand-5': '#000000',
}

RGB Array

[77, 78, 95], [8, 57, 100], [0, 9, 56], [11, 20, 35], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4D4E5F, #083964, #000938, #0B1423, #000000 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: #4d4e5f; --color-2: #083964; --color-3: #000938; --color-4: #0b1423; --color-5: #000000. 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 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