← Back to Editor

#1A172A · #B52361 · #2E3643 · #44505E · #5A6873

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#1A172A

Deep Indigo · Black · Deep Sea Blue

HEX
#1A172A
RGB
rgb(26, 23, 42)
HSL
hsl(249, 29%, 13%)
HSB
hsb(249, 45%, 16%)
CMYK
cmyk(38%, 45%, 0%, 84%)
Oklch
oklch(21.8% 0.037 290.2)

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

#B52361

Dark Violet · MediumVioletRed · Camellia

HEX
#B52361
RGB
rgb(181, 35, 97)
HSL
hsl(335, 68%, 42%)
HSB
hsb(335, 81%, 71%)
CMYK
cmyk(0%, 81%, 46%, 29%)
Oklch
oklch(51.6% 0.185 1.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#2E3643

Indigo · DarkSlateGray · Prussian Blue

HEX
#2E3643
RGB
rgb(46, 54, 67)
HSL
hsl(217, 19%, 22%)
HSB
hsb(217, 31%, 26%)
CMYK
cmyk(31%, 19%, 0%, 74%)
Oklch
oklch(33.1% 0.026 260.1)

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

#44505E

Indigo · DarkSlateGray · Prussian Blue

HEX
#44505E
RGB
rgb(68, 80, 94)
HSL
hsl(212, 16%, 32%)
HSB
hsb(212, 28%, 37%)
CMYK
cmyk(28%, 15%, 0%, 63%)
Oklch
oklch(42.6% 0.028 252.4)

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

#5A6873

Slate Blue · DimGray · Prussian Blue

HEX
#5A6873
RGB
rgb(90, 104, 115)
HSL
hsl(206, 12%, 40%)
HSB
hsb(206, 22%, 45%)
CMYK
cmyk(22%, 10%, 0%, 55%)
Oklch
oklch(51.0% 0.024 241.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A172A
282B18

Analogous

181E2B
1A172A
24182B

Triadic

1A172A
2B1A18
182B1A

Split-Comp.

1A172A
2B2418
1E2B18

Tetradic

1A172A
2B181E
282B18
182B24

Contrast Matrix WCAG 2.1 Contrast

1A172A
B52361
2E3643
44505E
5A6873
—
2.8
Fail
1.4
Fail
2.1
Fail
3.1
AA Large
2.8
Fail
—
2.0
Fail
1.3
Fail
1.1
Fail
1.4
Fail
2.0
Fail
—
1.5
Fail
2.1
Fail
2.1
Fail
1.3
Fail
1.5
Fail
—
1.4
Fail
3.1
AA Large
1.1
Fail
2.1
Fail
1.4
Fail
—
White BG
17.5AAA
6.2AA
12.2AAA
8.2AAA
5.7AA
Black BG
1.2Fail
3.4AA Large
1.7Fail
2.6Fail
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

191925
767452
313240
49495B
606070

Deuteranopia

191924
7E894E
31303F
49485A
5F5E70

Tritanopia

1A2221
AE4644
2E3D3D
455857
5B6E6E

Achromatopsia

1A1A1A
565656
353535
4E4E4E
656565

Shades & Tints Shades & Tints

#1A172A

Dark
Light

#B52361

Dark
Light

#2E3643

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a172a;
  --color-2: #b52361;
  --color-3: #2e3643;
  --color-4: #44505e;
  --color-5: #5a6873;
}

SCSS

$color-1: #1a172a;
$color-2: #b52361;
$color-3: #2e3643;
$color-4: #44505e;
$color-5: #5a6873;

TAILWIND

colors: {
  'brand-1': '#1a172a',
  'brand-2': '#b52361',
  'brand-3': '#2e3643',
  'brand-4': '#44505e',
  'brand-5': '#5a6873',
}

RGB Array

[26, 23, 42], [181, 35, 97], [46, 54, 67], [68, 80, 94], [90, 104, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A172A, #B52361, #2E3643, #44505E, #5A6873 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1a172a; --color-2: #b52361; --color-3: #2e3643; --color-4: #44505e; --color-5: #5a6873. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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