#110F1E + #1B174E + #292185 + #1C559F + #1678E1 · 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

#110F1E

Deep Indigo · Black · Deep Sea Blue

HEX

#110F1E

RGB

rgb(17, 15, 30)

HSL

hsl(248, 33%, 9%)

HSB

hsb(248, 50%, 12%)

CMYK

cmyk(43%, 50%, 0%, 88%)

Oklch

oklch(17.9% 0.031 289.0)

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

#1B174E

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX

#1B174E

RGB

rgb(27, 23, 78)

HSL

hsl(244, 54%, 20%)

HSB

hsb(244, 71%, 31%)

CMYK

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

Oklch

oklch(24.9% 0.097 279.9)

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

#292185

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#292185

RGB

rgb(41, 33, 133)

HSL

hsl(245, 60%, 33%)

HSB

hsb(245, 75%, 52%)

CMYK

cmyk(69%, 75%, 0%, 48%)

Oklch

oklch(33.5% 0.158 277.1)

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

#1C559F

Indigo · DarkSlateBlue · Prussian Blue

HEX

#1C559F

RGB

rgb(28, 85, 159)

HSL

hsl(214, 70%, 37%)

HSB

hsb(214, 82%, 62%)

CMYK

cmyk(82%, 47%, 0%, 38%)

Oklch

oklch(45.5% 0.134 256.8)

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

#1678E1

Indigo · DodgerBlue · Navy Blue

HEX

#1678E1

RGB

rgb(22, 120, 225)

HSL

hsl(211, 82%, 48%)

HSB

hsb(211, 90%, 88%)

CMYK

cmyk(90%, 47%, 0%, 12%)

Oklch

oklch(57.9% 0.181 255.1)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

110F1E

1D1F0F

Analogous

0F151F

110F1E

190F1F

Triadic

110F1E

1F110F

0F1F11

Split-Comp.

110F1E

1F190F

151F0F

Tetradic

110F1E

1F0F15

1D1F0F

0F1F19

Contrast Matrix WCAG 2.1 Contrast

110F1E	1B174E	292185	1C559F	1678E1
—	1.2 Fail	1.5 Fail	2.6 Fail	4.3 AA Large
1.2 Fail	—	1.3 Fail	2.2 Fail	3.8 AA Large
1.5 Fail	1.3 Fail	—	1.7 Fail	2.9 Fail
2.6 Fail	2.2 Fail	1.7 Fail	—	1.7 Fail
4.3 AA Large	3.8 AA Large	2.9 Fail	1.7 Fail	—

White BG

18.9AAA

16.4AAA

12.7AAA

7.4AAA

4.4AA Large

Black BG

1.1Fail

1.3Fail

1.7Fail

2.8Fail

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

10101A

191941

26256D

35358D

4041C8

Deuteranopia

10101A

1A1A3D

262767

312D89

3B33C2

Tritanopia

111817

1B3634

295A56

1F7F7C

1BB4AF

Achromatopsia

111111

1E1E1E

2F2F2F

4C4C4C

676767

Shades & Tints Shades & Tints

#110F1E

Dark

Light

#1B174E

Dark

Light

#292185

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #110f1e;
  --color-2: #1b174e;
  --color-3: #292185;
  --color-4: #1c559f;
  --color-5: #1678e1;
}

SCSS

$color-1: #110f1e;
$color-2: #1b174e;
$color-3: #292185;
$color-4: #1c559f;
$color-5: #1678e1;

TAILWIND

colors: {
  'brand-1': '#110f1e',
  'brand-2': '#1b174e',
  'brand-3': '#292185',
  'brand-4': '#1c559f',
  'brand-5': '#1678e1',
}

RGB Array

[17, 15, 30], [27, 23, 78], [41, 33, 133], [28, 85, 159], [22, 120, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #110F1E, #1B174E, #292185, #1C559F, #1678E1 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: #110f1e; --color-2: #1b174e; --color-3: #292185; --color-4: #1c559f; --color-5: #1678e1. 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