← Back to Editor

#06161F · #0C2430 · #063942 · #1A525C · #0D8185

dark

A 5-color dark 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

#06161F

Lake Blue · Black · Deep Sea Blue

HEX
#06161F
RGB
rgb(6, 22, 31)
HSL
hsl(202, 68%, 7%)
HSB
hsb(202, 81%, 12%)
CMYK
cmyk(81%, 29%, 0%, 88%)
Oklch
oklch(19.1% 0.029 234.8)

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

#0C2430

Lake Blue · Black · Deep Sea Blue

HEX
#0C2430
RGB
rgb(12, 36, 48)
HSL
hsl(200, 60%, 12%)
HSB
hsb(200, 75%, 19%)
CMYK
cmyk(75%, 25%, 0%, 81%)
Oklch
oklch(24.7% 0.037 232.9)

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

#063942

Lake Blue · DarkSlateGray · Peacock Green

HEX
#063942
RGB
rgb(6, 57, 66)
HSL
hsl(189, 83%, 14%)
HSB
hsb(189, 91%, 26%)
CMYK
cmyk(91%, 14%, 0%, 74%)
Oklch
oklch(31.8% 0.052 212.9)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#1A525C

Lake Blue · DarkSlateGray · Peacock Green

HEX
#1A525C
RGB
rgb(26, 82, 92)
HSL
hsl(189, 56%, 23%)
HSB
hsb(189, 72%, 36%)
CMYK
cmyk(72%, 11%, 0%, 64%)
Oklch
oklch(40.7% 0.059 211.6)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#0D8185

Lake Blue · Teal · Mint Ice

HEX
#0D8185
RGB
rgb(13, 129, 133)
HSL
hsl(182, 82%, 29%)
HSB
hsb(182, 90%, 52%)
CMYK
cmyk(90%, 3%, 0%, 48%)
Oklch
oklch(54.9% 0.091 198.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

06161F
1E0F06

Analogous

061E1B
06161F
06091E

Triadic

06161F
1E0615
151E06

Split-Comp.

06161F
1E0609
1E1B06

Tetradic

06161F
1B061E
1E0F06
091E06

Contrast Matrix WCAG 2.1 Contrast

06161F
0C2430
063942
1A525C
0D8185
—
1.1
Fail
1.5
Fail
2.1
Fail
3.9
AA Large
1.1
Fail
—
1.3
Fail
1.8
Fail
3.4
AA Large
1.5
Fail
1.3
Fail
—
1.4
Fail
2.7
Fail
2.1
Fail
1.8
Fail
1.4
Fail
—
1.9
Fail
3.9
AA Large
3.4
AA Large
2.7
Fail
1.9
Fail
—
White BG
18.4AAA
16.0AAA
12.6AAA
8.7AAA
4.7AA
Black BG
1.1Fail
1.3Fail
1.7Fail
2.4Fail
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

0D0D1D
16172D
1C1D40
32335A
3F4084

Deuteranopia

0C0B1C
15132C
19153F
2F2B59
393084

Tritanopia

071B1B
0D2B2A
093E3E
1D5857
138383

Achromatopsia

121212
1E1E1E
2B2B2B
424242
5F5F5F

Shades & Tints Shades & Tints

#06161F

Dark
Light

#0C2430

Dark
Light

#063942

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #06161f;
  --color-2: #0c2430;
  --color-3: #063942;
  --color-4: #1a525c;
  --color-5: #0d8185;
}

SCSS

$color-1: #06161f;
$color-2: #0c2430;
$color-3: #063942;
$color-4: #1a525c;
$color-5: #0d8185;

TAILWIND

colors: {
  'brand-1': '#06161f',
  'brand-2': '#0c2430',
  'brand-3': '#063942',
  'brand-4': '#1a525c',
  'brand-5': '#0d8185',
}

RGB Array

[6, 22, 31], [12, 36, 48], [6, 57, 66], [26, 82, 92], [13, 129, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #06161F, #0C2430, #063942, #1A525C, #0D8185 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: #06161f; --color-2: #0c2430; --color-3: #063942; --color-4: #1a525c; --color-5: #0d8185. 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 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