#1A1111 + #201A33 + #272255 + #2D2B77 + #333399 · 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

#1A1111

Crimson · Black · Deep Berry

HEX

#1A1111

RGB

rgb(26, 17, 17)

HSL

hsl(0, 21%, 8%)

HSB

hsb(0, 35%, 10%)

CMYK

cmyk(0%, 35%, 35%, 90%)

Oklch

oklch(18.9% 0.015 18.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#201A33

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX

#201A33

RGB

rgb(32, 26, 51)

HSL

hsl(254, 32%, 15%)

HSB

hsb(254, 49%, 20%)

CMYK

cmyk(37%, 49%, 0%, 80%)

Oklch

oklch(23.8% 0.047 293.5)

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

#272255

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#272255

RGB

rgb(39, 34, 85)

HSL

hsl(246, 43%, 23%)

HSB

hsb(246, 60%, 33%)

CMYK

cmyk(54%, 60%, 0%, 67%)

Oklch

oklch(28.9% 0.089 283.7)

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

#2D2B77

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#2D2B77

RGB

rgb(45, 43, 119)

HSL

hsl(242, 47%, 32%)

HSB

hsb(242, 64%, 47%)

CMYK

cmyk(62%, 64%, 0%, 53%)

Oklch

oklch(34.1% 0.126 278.5)

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

#333399

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#333399

RGB

rgb(51, 51, 153)

HSL

hsl(240, 50%, 40%)

HSB

hsb(240, 67%, 60%)

CMYK

cmyk(67%, 67%, 0%, 40%)

Oklch

oklch(39.1% 0.162 275.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A1111

101919

Analogous

191014

1A1111

191410

Triadic

1A1111

101910

101019

Split-Comp.

1A1111

101914

101419

Tetradic

1A1111

141910

101919

141019

Contrast Matrix WCAG 2.1 Contrast

1A1111	201A33	272255	2D2B77	333399
—	1.1 Fail	1.3 Fail	1.5 Fail	1.8 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.8 Fail	1.7 Fail	1.4 Fail	1.2 Fail	—

White BG

18.5AAA

16.7AAA

14.5AAA

12.2AAA

10.1AAA

Black BG

1.1Fail

1.3Fail

1.4Fail

1.7Fail

2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

161611

1D1D2D

252549

2C2C65

333380

Deuteranopia

171711

1E1E2B

252646

2C2C60

33337A

Tritanopia

1A1111

202827

273F3D

2D5653

336D69

Achromatopsia

141414

1F1F1F

292929

343434

3F3F3F

Shades & Tints Shades & Tints

#1A1111

Dark

Light

#201A33

Dark

Light

#272255

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a1111;
  --color-2: #201a33;
  --color-3: #272255;
  --color-4: #2d2b77;
  --color-5: #333399;
}

SCSS

$color-1: #1a1111;
$color-2: #201a33;
$color-3: #272255;
$color-4: #2d2b77;
$color-5: #333399;

TAILWIND

colors: {
  'brand-1': '#1a1111',
  'brand-2': '#201a33',
  'brand-3': '#272255',
  'brand-4': '#2d2b77',
  'brand-5': '#333399',
}

RGB Array

[26, 17, 17], [32, 26, 51], [39, 34, 85], [45, 43, 119], [51, 51, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #1A1111, #201A33, #272255, #2D2B77, #333399 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: #1a1111; --color-2: #201a33; --color-3: #272255; --color-4: #2d2b77; --color-5: #333399. 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