← Back to Editor

#081E57 · #1E3C7A · #6182A5 · #362C29 · #BAAA9D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#081E57

Indigo · MidnightBlue · Deep Sea Blue

HEX
#081E57
RGB
rgb(8, 30, 87)
HSL
hsl(223, 83%, 19%)
HSB
hsb(223, 91%, 34%)
CMYK
cmyk(91%, 66%, 0%, 66%)
Oklch
oklch(26.2% 0.107 264.1)

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

#1E3C7A

Indigo · MidnightBlue · Prussian Blue

HEX
#1E3C7A
RGB
rgb(30, 60, 122)
HSL
hsl(220, 61%, 30%)
HSB
hsb(220, 75%, 48%)
CMYK
cmyk(75%, 51%, 0%, 52%)
Oklch
oklch(37.0% 0.112 262.8)

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

#6182A5

Azure · LightSlateGray · Navy Blue

HEX
#6182A5
RGB
rgb(97, 130, 165)
HSL
hsl(211, 27%, 51%)
HSB
hsb(211, 41%, 65%)
CMYK
cmyk(41%, 21%, 0%, 35%)
Oklch
oklch(59.5% 0.066 250.4)

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

#362C29

Crimson · DarkSlateGray · Deep Berry

HEX
#362C29
RGB
rgb(54, 44, 41)
HSL
hsl(14, 14%, 19%)
HSB
hsb(14, 24%, 21%)
CMYK
cmyk(0%, 19%, 24%, 79%)
Oklch
oklch(30.3% 0.016 37.3)

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

#BAAA9D

Apricot · DarkGray · Warm Sun

HEX
#BAAA9D
RGB
rgb(186, 170, 157)
HSL
hsl(27, 17%, 67%)
HSB
hsb(27, 16%, 73%)
CMYK
cmyk(0%, 9%, 16%, 27%)
Oklch
oklch(74.8% 0.026 61.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

081E57
594208

Analogous

084759
081E57
1A0859

Triadic

081E57
59081F
1F5908

Split-Comp.

081E57
591A08
475908

Tetradic

081E57
590847
594208
08591A

Contrast Matrix WCAG 2.1 Contrast

081E57
1E3C7A
6182A5
362C29
BAAA9D
—
1.5
Fail
3.9
AA Large
1.2
Fail
7.0
AA
1.5
Fail
—
2.6
Fail
1.3
Fail
4.7
AA
3.9
AA Large
2.6
Fail
—
3.4
AA Large
1.8
Fail
1.2
Fail
1.3
Fail
3.4
AA Large
—
6.0
AA
7.0
AA
4.7
AA
1.8
Fail
6.0
AA
—
White BG
15.7AAA
10.6AAA
4.0AA Large
13.6AAA
2.3Fail
Black BG
1.3Fail
2.0Fail
5.2AA
1.5Fail
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

121249
2B2B6B
6F709D
32322A
B3B3A0

Deuteranopia

100F46
292767
6D6B9B
32332A
B4B5A1

Tritanopia

093E3C
205F5D
639694
362A2A
B9A3A3

Achromatopsia

1E1E1E
3A3A3A
7C7C7C
2F2F2F
ADADAD

Shades & Tints Shades & Tints

#081E57

Dark
Light

#1E3C7A

Dark
Light

#6182A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #081e57;
  --color-2: #1e3c7a;
  --color-3: #6182a5;
  --color-4: #362c29;
  --color-5: #baaa9d;
}

SCSS

$color-1: #081e57;
$color-2: #1e3c7a;
$color-3: #6182a5;
$color-4: #362c29;
$color-5: #baaa9d;

TAILWIND

colors: {
  'brand-1': '#081e57',
  'brand-2': '#1e3c7a',
  'brand-3': '#6182a5',
  'brand-4': '#362c29',
  'brand-5': '#baaa9d',
}

RGB Array

[8, 30, 87], [30, 60, 122], [97, 130, 165], [54, 44, 41], [186, 170, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #081E57, #1E3C7A, #6182A5, #362C29, #BAAA9D is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #081e57; --color-2: #1e3c7a; --color-3: #6182a5; --color-4: #362c29; --color-5: #baaa9d. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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