#19181F + #1C0859 + #2B1A40 + #3D1939 + #590635 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#19181F

Deep Indigo · Black · Deep Sea Blue

HEX

#19181F

RGB

rgb(25, 24, 31)

HSL

hsl(249, 13%, 11%)

HSB

hsb(249, 23%, 12%)

CMYK

cmyk(19%, 23%, 0%, 88%)

Oklch

oklch(21.3% 0.014 291.7)

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

#1C0859

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX

#1C0859

RGB

rgb(28, 8, 89)

HSL

hsl(255, 84%, 19%)

HSB

hsb(255, 91%, 35%)

CMYK

cmyk(69%, 91%, 0%, 65%)

Oklch

oklch(24.1% 0.129 282.0)

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

#2B1A40

Deep Indigo · MidnightBlue · Dark Purple

HEX

#2B1A40

RGB

rgb(43, 26, 64)

HSL

hsl(267, 42%, 18%)

HSB

hsb(267, 59%, 25%)

CMYK

cmyk(33%, 59%, 0%, 75%)

Oklch

oklch(26.1% 0.071 302.4)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#3D1939

Rose Purple · DarkSlateGray · Dark Purple

HEX

#3D1939

RGB

rgb(61, 25, 57)

HSL

hsl(307, 42%, 17%)

HSB

hsb(307, 59%, 24%)

CMYK

cmyk(0%, 59%, 7%, 76%)

Oklch

oklch(28.0% 0.074 331.7)

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

#590635

Rose Purple · Maroon · Raspberry

HEX

#590635

RGB

rgb(89, 6, 53)

HSL

hsl(326, 87%, 19%)

HSB

hsb(326, 93%, 35%)

CMYK

cmyk(0%, 93%, 40%, 65%)

Oklch

oklch(30.9% 0.120 353.1)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19181F

1F2018

Analogous

181B20

19181F

1D1820

Triadic

19181F

201918

182019

Split-Comp.

19181F

201D18

1B2018

Tetradic

19181F

20181B

1F2018

18201D

Contrast Matrix WCAG 2.1 Contrast

19181F	1C0859	2B1A40	3D1939	590635
—	1.0 Fail	1.1 Fail	1.2 Fail	1.3 Fail
1.0 Fail	—	1.1 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

17.6AAA

17.1AAA

15.9AAA

15.0AAA

14.0AAA

Black BG

1.2Fail

1.3Fail

1.4Fail

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

19191D

131345

242337

2D2D31

35342A

Deuteranopia

19191D

151641

252635

30322F

3A4027

Tritanopia

191C1C

1B3633

2A302E

3B2B2A

55211F

Achromatopsia

191919

171717

232323

272727

242424

Shades & Tints Shades & Tints

#19181F

Dark

Light

#1C0859

Dark

Light

#2B1A40

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19181f;
  --color-2: #1c0859;
  --color-3: #2b1a40;
  --color-4: #3d1939;
  --color-5: #590635;
}

SCSS

$color-1: #19181f;
$color-2: #1c0859;
$color-3: #2b1a40;
$color-4: #3d1939;
$color-5: #590635;

TAILWIND

colors: {
  'brand-1': '#19181f',
  'brand-2': '#1c0859',
  'brand-3': '#2b1a40',
  'brand-4': '#3d1939',
  'brand-5': '#590635',
}

RGB Array

[25, 24, 31], [28, 8, 89], [43, 26, 64], [61, 25, 57], [89, 6, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #19181F, #1C0859, #2B1A40, #3D1939, #590635 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: #19181f; --color-2: #1c0859; --color-3: #2b1a40; --color-4: #3d1939; --color-5: #590635. 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