← Back to Editor

#060720 · #062F58 · #08156C · #0B2574 · #096589

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#060720

Indigo · Black · Deep Sea Blue

HEX
#060720
RGB
rgb(6, 7, 32)
HSL
hsl(238, 68%, 7%)
HSB
hsb(238, 81%, 13%)
CMYK
cmyk(81%, 78%, 0%, 87%)
Oklch
oklch(14.7% 0.053 275.6)

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

#062F58

Indigo · MidnightBlue · Deep Sea Blue

HEX
#062F58
RGB
rgb(6, 47, 88)
HSL
hsl(210, 87%, 18%)
HSB
hsb(210, 93%, 35%)
CMYK
cmyk(93%, 47%, 0%, 65%)
Oklch
oklch(30.4% 0.086 252.9)

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

#08156C

Indigo · MidnightBlue · Prussian Blue

HEX
#08156C
RGB
rgb(8, 21, 108)
HSL
hsl(232, 86%, 23%)
HSB
hsb(232, 93%, 42%)
CMYK
cmyk(93%, 81%, 0%, 58%)
Oklch
oklch(26.9% 0.147 266.6)

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

#0B2574

Indigo · MidnightBlue · Prussian Blue

HEX
#0B2574
RGB
rgb(11, 37, 116)
HSL
hsl(225, 83%, 25%)
HSB
hsb(225, 91%, 45%)
CMYK
cmyk(91%, 68%, 0%, 55%)
Oklch
oklch(30.8% 0.139 264.8)

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

#096589

Lake Blue · Teal · Mint Ice

HEX
#096589
RGB
rgb(9, 101, 137)
HSL
hsl(197, 88%, 29%)
HSB
hsb(197, 93%, 54%)
CMYK
cmyk(93%, 26%, 0%, 46%)
Oklch
oklch(47.7% 0.095 232.5)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

060720
1E1D06

Analogous

06131E
060720
11061E

Triadic

060720
1E0607
071E06

Split-Comp.

060720
1E1106
131E06

Tetradic

060720
1E0613
1E1D06
061E11

Contrast Matrix WCAG 2.1 Contrast

060720
062F58
08156C
0B2574
096589
—
1.5
Fail
1.3
Fail
1.4
Fail
3.1
AA Large
1.5
Fail
—
1.2
Fail
1.0
Fail
2.1
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
2.4
Fail
1.4
Fail
1.0
Fail
1.1
Fail
—
2.1
Fail
3.1
AA Large
2.1
Fail
2.4
Fail
2.1
Fail
—
White BG
19.8AAA
13.5AAA
15.7AAA
13.7AAA
6.5AA
Black BG
1.1Fail
1.6Fail
1.3Fail
1.5Fail
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

06061A
18184E
0E0E57
161661
313280

Deuteranopia

060619
15124C
0D0C52
15135C
2C257E

Tritanopia

061514
084645
094643
0C524E
0E7978

Achromatopsia

0A0A0A
272727
1B1B1B
262626
4E4E4E

Shades & Tints Shades & Tints

#060720

Dark
Light

#062F58

Dark
Light

#08156C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #060720;
  --color-2: #062f58;
  --color-3: #08156c;
  --color-4: #0b2574;
  --color-5: #096589;
}

SCSS

$color-1: #060720;
$color-2: #062f58;
$color-3: #08156c;
$color-4: #0b2574;
$color-5: #096589;

TAILWIND

colors: {
  'brand-1': '#060720',
  'brand-2': '#062f58',
  'brand-3': '#08156c',
  'brand-4': '#0b2574',
  'brand-5': '#096589',
}

RGB Array

[6, 7, 32], [6, 47, 88], [8, 21, 108], [11, 37, 116], [9, 101, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #060720, #062F58, #08156C, #0B2574, #096589 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #060720; --color-2: #062f58; --color-3: #08156c; --color-4: #0b2574; --color-5: #096589. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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