#0C0C10 + #1A0941 + #23095F + #360296 + #252532 · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0C0C10

Deep Indigo · Black · Deep Sea Blue

HEX

#0C0C10

RGB

rgb(12, 12, 16)

HSL

hsl(240, 14%, 5%)

HSB

hsb(240, 25%, 6%)

CMYK

cmyk(25%, 25%, 0%, 94%)

Oklch

oklch(15.6% 0.008 285.4)

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

#1A0941

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX

#1A0941

RGB

rgb(26, 9, 65)

HSL

hsl(258, 76%, 15%)

HSB

hsb(258, 86%, 25%)

CMYK

cmyk(60%, 86%, 0%, 75%)

Oklch

oklch(21.1% 0.097 289.0)

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

#23095F

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX

#23095F

RGB

rgb(35, 9, 95)

HSL

hsl(258, 83%, 20%)

HSB

hsb(258, 91%, 37%)

CMYK

cmyk(63%, 91%, 0%, 63%)

Oklch

oklch(25.6% 0.135 285.6)

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

#360296

Deep Indigo · MidnightBlue · Eggplant

HEX

#360296

RGB

rgb(54, 2, 150)

HSL

hsl(261, 97%, 30%)

HSB

hsb(261, 99%, 59%)

CMYK

cmyk(64%, 99%, 0%, 41%)

Oklch

oklch(33.8% 0.197 283.8)

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

#252532

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX

#252532

RGB

rgb(37, 37, 50)

HSL

hsl(240, 15%, 17%)

HSB

hsb(240, 26%, 20%)

CMYK

cmyk(26%, 26%, 0%, 80%)

Oklch

oklch(27.0% 0.024 284.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0C0C10

0F0F0B

Analogous

0B0D0F

0C0C10

0D0B0F

Triadic

0C0C10

0F0B0B

0B0F0B

Split-Comp.

0C0C10

0F0D0B

0D0F0B

Tetradic

0C0C10

0F0B0D

0F0F0B

0B0F0D

Contrast Matrix WCAG 2.1 Contrast

0C0C10	1A0941	23095F	360296	252532
—	1.1 Fail	1.2 Fail	1.5 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.3 Fail	1.1 Fail
1.5 Fail	1.4 Fail	1.3 Fail	—	1.2 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.2 Fail	—

White BG

19.5AAA

18.1AAA

16.5AAA

13.1AAA

15.1AAA

Black BG

1.1Fail

1.2Fail

1.3Fail

1.6Fail

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0C0C0F

131233

18184A

1F1F72

25252F

Deuteranopia

0C0C0F

141530

191B45

23266A

25252E

Tritanopia

0C0E0E

192926

223A36

335650

252C2C

Achromatopsia

0C0C0C

141414

1B1B1B

222222

262626

Shades & Tints Shades & Tints

#0C0C10

Dark

Light

#1A0941

Dark

Light

#23095F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0c0c10;
  --color-2: #1a0941;
  --color-3: #23095f;
  --color-4: #360296;
  --color-5: #252532;
}

SCSS

$color-1: #0c0c10;
$color-2: #1a0941;
$color-3: #23095f;
$color-4: #360296;
$color-5: #252532;

TAILWIND

colors: {
  'brand-1': '#0c0c10',
  'brand-2': '#1a0941',
  'brand-3': '#23095f',
  'brand-4': '#360296',
  'brand-5': '#252532',
}

RGB Array

[12, 12, 16], [26, 9, 65], [35, 9, 95], [54, 2, 150], [37, 37, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #0C0C10, #1A0941, #23095F, #360296, #252532 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: #0c0c10; --color-2: #1a0941; --color-3: #23095f; --color-4: #360296; --color-5: #252532. 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