#11213B + #020D1F + #232329 + #000000 + #121B29 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#11213B

Indigo · MidnightBlue · Deep Sea Blue

HEX

#11213B

RGB

rgb(17, 33, 59)

HSL

hsl(217, 55%, 15%)

HSB

hsb(217, 71%, 23%)

CMYK

cmyk(71%, 44%, 0%, 77%)

Oklch

oklch(24.9% 0.054 259.7)

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

#020D1F

Indigo · Black · Deep Sea Blue

HEX

#020D1F

RGB

rgb(2, 13, 31)

HSL

hsl(217, 88%, 6%)

HSB

hsb(217, 94%, 12%)

CMYK

cmyk(94%, 58%, 0%, 88%)

Oklch

oklch(15.9% 0.043 255.5)

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

#232329

Deep Indigo · DarkSlateGray · Dark Stone

HEX

#232329

RGB

rgb(35, 35, 41)

HSL

hsl(240, 8%, 15%)

HSB

hsb(240, 15%, 16%)

CMYK

cmyk(15%, 15%, 0%, 84%)

Oklch

oklch(25.9% 0.011 285.6)

Traditional「Deep Indigo」· Paint「Dark Stone」· Creative Midnight Shadow

#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

#121B29

Indigo · Black · Deep Sea Blue

HEX

#121B29

RGB

rgb(18, 27, 41)

HSL

hsl(217, 39%, 12%)

HSB

hsb(217, 56%, 16%)

CMYK

cmyk(56%, 34%, 0%, 84%)

Oklch

oklch(22.1% 0.031 259.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

11213B

3B2B11

Analogous

11363B

11213B

16113B

Triadic

11213B

3B1121

213B11

Split-Comp.

11213B

3B1611

363B11

Tetradic

11213B

3B1136

3B2B11

113B16

Contrast Matrix WCAG 2.1 Contrast

11213B	020D1F	232329	000000	121B29
—	1.2 Fail	1.0 Fail	1.3 Fail	1.1 Fail
1.2 Fail	—	1.2 Fail	1.1 Fail	1.1 Fail
1.0 Fail	1.2 Fail	—	1.3 Fail	1.1 Fail
1.3 Fail	1.1 Fail	1.3 Fail	—	1.2 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.2 Fail	—

White BG

16.1AAA

19.4AAA

15.6AAA

21.0AAA

17.3AAA

Black BG

1.3Fail

1.1Fail

1.3Fail

1.0Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

181835

07071B

232328

000000

161626

Deuteranopia

171633

06051A

232327

000000

151525

Tritanopia

12302F

031716

232626

000000

122322

Achromatopsia

1F1F1F

0C0C0C

242424

000000

1A1A1A

Shades & Tints Shades & Tints

#11213B

Dark

Light

#020D1F

Dark

Light

#232329

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #11213b;
  --color-2: #020d1f;
  --color-3: #232329;
  --color-4: #000000;
  --color-5: #121b29;
}

SCSS

$color-1: #11213b;
$color-2: #020d1f;
$color-3: #232329;
$color-4: #000000;
$color-5: #121b29;

TAILWIND

colors: {
  'brand-1': '#11213b',
  'brand-2': '#020d1f',
  'brand-3': '#232329',
  'brand-4': '#000000',
  'brand-5': '#121b29',
}

RGB Array

[17, 33, 59], [2, 13, 31], [35, 35, 41], [0, 0, 0], [18, 27, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #11213B, #020D1F, #232329, #000000, #121B29 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: #11213b; --color-2: #020d1f; --color-3: #232329; --color-4: #000000; --color-5: #121b29. 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