← Back to Editor

#0D192C · #340A3C · #575F82 · #00DBCE · #14677B

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

#0D192C

Indigo · Black · Deep Sea Blue

HEX
#0D192C
RGB
rgb(13, 25, 44)
HSL
hsl(217, 54%, 11%)
HSB
hsb(217, 70%, 17%)
CMYK
cmyk(70%, 43%, 0%, 83%)
Oklch
oklch(21.3% 0.042 259.3)

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

#340A3C

Royal Purple · MidnightBlue · Dark Purple

HEX
#340A3C
RGB
rgb(52, 10, 60)
HSL
hsl(290, 71%, 14%)
HSB
hsb(290, 83%, 24%)
CMYK
cmyk(13%, 83%, 0%, 76%)
Oklch
oklch(24.6% 0.097 320.7)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#575F82

Indigo · DimGray · Navy Blue

HEX
#575F82
RGB
rgb(87, 95, 130)
HSL
hsl(229, 20%, 43%)
HSB
hsb(229, 33%, 51%)
CMYK
cmyk(33%, 27%, 0%, 49%)
Oklch
oklch(49.3% 0.057 274.2)

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

#00DBCE

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#00DBCE
RGB
rgb(0, 219, 206)
HSL
hsl(176, 100%, 43%)
HSB
hsb(176, 100%, 86%)
CMYK
cmyk(100%, 0%, 6%, 14%)
Oklch
oklch(80.3% 0.140 187.2)

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

#14677B

Lake Blue · Teal · Mint Ice

HEX
#14677B
RGB
rgb(20, 103, 123)
HSL
hsl(192, 72%, 28%)
HSB
hsb(192, 84%, 48%)
CMYK
cmyk(84%, 16%, 0%, 52%)
Oklch
oklch(47.7% 0.080 218.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0D192C
2B200D

Analogous

0D282B
0D192C
100D2B

Triadic

0D192C
2B0D19
192B0D

Split-Comp.

0D192C
2B100D
282B0D

Tetradic

0D192C
2B0D28
2B200D
0D2B10

Contrast Matrix WCAG 2.1 Contrast

0D192C
340A3C
575F82
00DBCE
14677B
—
1.1
Fail
2.8
Fail
10.1
AAA
2.7
Fail
1.1
Fail
—
2.7
Fail
9.6
AAA
2.6
Fail
2.8
Fail
2.7
Fail
—
3.6
AA Large
1.0
Fail
10.1
AAA
9.6
AAA
3.6
AA Large
—
3.7
AA Large
2.7
Fail
2.6
Fail
1.0
Fail
3.7
AA Large
—
White BG
17.6AAA
16.7AAA
6.2AA
1.7Fail
6.4AA
Black BG
1.2Fail
1.3Fail
3.4AA Large
12.0AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

121227
222130
5A5B7A
5F61D1
383976

Deuteranopia

121126
24272D
5A5978
5242D2
332D75

Tritanopia

0E2423
322624
577371
0BD4D4
187272

Achromatopsia

181818
1C1C1C
616161
989898
505050

Shades & Tints Shades & Tints

#0D192C

Dark
Light

#340A3C

Dark
Light

#575F82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0d192c;
  --color-2: #340a3c;
  --color-3: #575f82;
  --color-4: #00dbce;
  --color-5: #14677b;
}

SCSS

$color-1: #0d192c;
$color-2: #340a3c;
$color-3: #575f82;
$color-4: #00dbce;
$color-5: #14677b;

TAILWIND

colors: {
  'brand-1': '#0d192c',
  'brand-2': '#340a3c',
  'brand-3': '#575f82',
  'brand-4': '#00dbce',
  'brand-5': '#14677b',
}

RGB Array

[13, 25, 44], [52, 10, 60], [87, 95, 130], [0, 219, 206], [20, 103, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #0D192C, #340A3C, #575F82, #00DBCE, #14677B 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: #0d192c; --color-2: #340a3c; --color-3: #575f82; --color-4: #00dbce; --color-5: #14677b. 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