#0D0B0B + #141214 + #1B041C + #360C38 + #4B034F · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0D0B0B

Crimson · Black · Jet Black

HEX

#0D0B0B

RGB

rgb(13, 11, 11)

HSL

hsl(0, 8%, 5%)

HSB

hsb(0, 15%, 5%)

CMYK

cmyk(0%, 15%, 15%, 95%)

Oklch

oklch(15.2% 0.003 17.5)

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

#141214

Ink Black · Black · Jet Black

HEX

#141214

RGB

rgb(20, 18, 20)

HSL

hsl(300, 5%, 7%)

HSB

hsb(300, 10%, 8%)

CMYK

cmyk(0%, 10%, 0%, 92%)

Oklch

oklch(18.5% 0.005 325.8)

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

#1B041C

Royal Purple · Black · Dark Purple

HEX

#1B041C

RGB

rgb(27, 4, 28)

HSL

hsl(298, 75%, 6%)

HSB

hsb(298, 86%, 11%)

CMYK

cmyk(4%, 86%, 0%, 89%)

Oklch

oklch(16.7% 0.059 326.2)

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

#360C38

Royal Purple · MidnightBlue · Dark Purple

HEX

#360C38

RGB

rgb(54, 12, 56)

HSL

hsl(297, 65%, 13%)

HSB

hsb(297, 79%, 22%)

CMYK

cmyk(4%, 79%, 0%, 78%)

Oklch

oklch(24.9% 0.091 326.0)

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

#4B034F

Royal Purple · MidnightBlue · Dark Purple

HEX

#4B034F

RGB

rgb(75, 3, 79)

HSL

hsl(297, 93%, 16%)

HSB

hsb(297, 96%, 31%)

CMYK

cmyk(5%, 96%, 0%, 69%)

Oklch

oklch(29.5% 0.133 325.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0D0B0B

0C0E0E

Analogous

0E0C0D

0D0B0B

0E0D0C

Triadic

0D0B0B

0C0E0C

0C0C0E

Split-Comp.

0D0B0B

0C0E0D

0C0D0E

Tetradic

0D0B0B

0D0E0C

0C0E0E

0D0C0E

Contrast Matrix WCAG 2.1 Contrast

0D0B0B	141214	1B041C	360C38	4B034F
—	1.1 Fail	1.0 Fail	1.2 Fail	1.3 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.3 Fail
1.0 Fail	1.0 Fail	—	1.2 Fail	1.3 Fail
1.2 Fail	1.1 Fail	1.2 Fail	—	1.1 Fail
1.3 Fail	1.3 Fail	1.3 Fail	1.1 Fail	—

White BG

19.6AAA

18.6AAA

19.4AAA

16.6AAA

14.7AAA

Black BG

1.1Fail

1.3Fail

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0C0C0B

131314

111116

24232D

2C2B3D

Deuteranopia

0C0C0B

131313

121415

26292B

303538

Tritanopia

0D0B0B

141313

1A1211

342523

472E2B

Achromatopsia

0C0C0C

131313

0E0E0E

1E1E1E

212121

Shades & Tints Shades & Tints

#0D0B0B

Dark

Light

#141214

Dark

Light

#1B041C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0d0b0b;
  --color-2: #141214;
  --color-3: #1b041c;
  --color-4: #360c38;
  --color-5: #4b034f;
}

SCSS

$color-1: #0d0b0b;
$color-2: #141214;
$color-3: #1b041c;
$color-4: #360c38;
$color-5: #4b034f;

TAILWIND

colors: {
  'brand-1': '#0d0b0b',
  'brand-2': '#141214',
  'brand-3': '#1b041c',
  'brand-4': '#360c38',
  'brand-5': '#4b034f',
}

RGB Array

[13, 11, 11], [20, 18, 20], [27, 4, 28], [54, 12, 56], [75, 3, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #0D0B0B, #141214, #1B041C, #360C38, #4B034F 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: #0d0b0b; --color-2: #141214; --color-3: #1b041c; --color-4: #360c38; --color-5: #4b034f. 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