#011452 + #1D2952 + #2A3352 + #343D59 + #5E5662 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#011452

Indigo · MidnightBlue · Deep Sea Blue

HEX

#011452

RGB

rgb(1, 20, 82)

HSL

hsl(226, 98%, 16%)

HSB

hsb(226, 99%, 32%)

CMYK

cmyk(99%, 76%, 0%, 68%)

Oklch

oklch(23.2% 0.115 263.5)

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

#1D2952

Indigo · MidnightBlue · Prussian Blue

HEX

#1D2952

RGB

rgb(29, 41, 82)

HSL

hsl(226, 48%, 22%)

HSB

hsb(226, 65%, 32%)

CMYK

cmyk(65%, 50%, 0%, 68%)

Oklch

oklch(29.4% 0.076 269.1)

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

#2A3352

Indigo · DarkSlateGray · Prussian Blue

HEX

#2A3352

RGB

rgb(42, 51, 82)

HSL

hsl(227, 32%, 24%)

HSB

hsb(227, 49%, 32%)

CMYK

cmyk(49%, 38%, 0%, 68%)

Oklch

oklch(32.8% 0.057 270.7)

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

#343D59

Indigo · DarkSlateGray · Prussian Blue

HEX

#343D59

RGB

rgb(52, 61, 89)

HSL

hsl(225, 26%, 28%)

HSB

hsb(225, 42%, 35%)

CMYK

cmyk(42%, 31%, 0%, 65%)

Oklch

oklch(36.5% 0.050 270.1)

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

#5E5662

Ink Gray · DimGray · Charcoal

HEX

#5E5662

RGB

rgb(94, 86, 98)

HSL

hsl(280, 7%, 36%)

HSB

hsb(280, 12%, 38%)

CMYK

cmyk(4%, 12%, 0%, 62%)

Oklch

oklch(46.5% 0.022 314.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

011452

513E01

Analogous

013B51

011452

160151

Triadic

011452

510113

135101

Split-Comp.

011452

511601

3B5101

Tetradic

011452

51013B

513E01

015116

Contrast Matrix WCAG 2.1 Contrast

011452	1D2952	2A3352	343D59	5E5662
—	1.2 Fail	1.4 Fail	1.6 Fail	2.4 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	2.0 Fail
1.4 Fail	1.1 Fail	—	1.2 Fail	1.8 Fail
1.6 Fail	1.3 Fail	1.2 Fail	—	1.5 Fail
2.4 Fail	2.0 Fail	1.8 Fail	1.5 Fail	—

White BG

17.2AAA

14.1AAA

12.4AAA

10.7AAA

7.0AAA

Black BG

1.2Fail

1.5Fail

1.7Fail

2.0Fail

3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

090943

222248

2E2E4A

383852

5B5A5F

Deuteranopia

08073F

222146

2D2D49

373751

5B5C5E

Tritanopia

023735

1E403F

2A4543

344D4C

5E5D5C

Achromatopsia

151515

2A2A2A

343434

3E3E3E

5A5A5A

Shades & Tints Shades & Tints

#011452

Dark

Light

#1D2952

Dark

Light

#2A3352

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #011452;
  --color-2: #1d2952;
  --color-3: #2a3352;
  --color-4: #343d59;
  --color-5: #5e5662;
}

SCSS

$color-1: #011452;
$color-2: #1d2952;
$color-3: #2a3352;
$color-4: #343d59;
$color-5: #5e5662;

TAILWIND

colors: {
  'brand-1': '#011452',
  'brand-2': '#1d2952',
  'brand-3': '#2a3352',
  'brand-4': '#343d59',
  'brand-5': '#5e5662',
}

RGB Array

[1, 20, 82], [29, 41, 82], [42, 51, 82], [52, 61, 89], [94, 86, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #011452, #1D2952, #2A3352, #343D59, #5E5662 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: #011452; --color-2: #1d2952; --color-3: #2a3352; --color-4: #343d59; --color-5: #5e5662. 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