← Back to Editor

#000B0E · #1F5150 · #3E9791 · #92C3A2 · #E6EFB3

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#000B0E

Lake Blue · Black · Peacock Green

HEX
#000B0E
RGB
rgb(0, 11, 14)
HSL
hsl(193, 100%, 3%)
HSB
hsb(193, 100%, 5%)
CMYK
cmyk(100%, 21%, 0%, 95%)
Oklch
oklch(13.7% 0.024 211.0)

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

#1F5150

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#1F5150
RGB
rgb(31, 81, 80)
HSL
hsl(179, 45%, 22%)
HSB
hsb(179, 62%, 32%)
CMYK
cmyk(62%, 0%, 1%, 68%)
Oklch
oklch(40.1% 0.053 193.4)

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

#3E9791

Mineral Blue · CadetBlue · Mint Ice

HEX
#3E9791
RGB
rgb(62, 151, 145)
HSL
hsl(176, 42%, 42%)
HSB
hsb(176, 59%, 59%)
CMYK
cmyk(59%, 0%, 4%, 41%)
Oklch
oklch(62.1% 0.085 189.1)

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

#92C3A2

Celadon · DarkSeaGreen · Apple Green

HEX
#92C3A2
RGB
rgb(146, 195, 162)
HSL
hsl(140, 29%, 67%)
HSB
hsb(140, 25%, 76%)
CMYK
cmyk(25%, 0%, 17%, 24%)
Oklch
oklch(77.3% 0.070 155.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#E6EFB3

Fresh Green · Wheat · Lemon Cream

HEX
#E6EFB3
RGB
rgb(230, 239, 179)
HSL
hsl(69, 65%, 82%)
HSB
hsb(69, 25%, 94%)
CMYK
cmyk(4%, 0%, 25%, 6%)
Oklch
oklch(93.1% 0.078 114.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000B0E
0F0300

Analogous

000F0B
000B0E
00040F

Triadic

000B0E
0F000C
0C0F00

Split-Comp.

000B0E
0F0004
0F0B00

Tetradic

000B0E
0B000F
0F0300
040F00

Contrast Matrix WCAG 2.1 Contrast

000B0E
1F5150
3E9791
92C3A2
E6EFB3
—
2.2
Fail
5.7
AA
10.0
AAA
16.5
AAA
2.2
Fail
—
2.6
Fail
4.5
AA Large
7.4
AAA
5.7
AA
2.6
Fail
—
1.7
Fail
2.9
Fail
10.0
AAA
4.5
AA Large
1.7
Fail
—
1.6
Fail
16.5
AAA
7.4
AAA
2.9
Fail
1.6
Fail
—
White BG
19.9AAA
8.9AAA
3.5AA Large
2.0Fail
1.2Fail
Black BG
1.1Fail
2.4Fail
6.0AA
10.5AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

05050D
353550
656592
A7A8AA
EAEAC2

Deuteranopia

04030D
322E50
5F5993
A4A1AC
E9E9C5

Tritanopia

010D0D
225050
429494
94B0B2
E6CDD0

Achromatopsia

080808
424242
7C7C7C
B1B1B1
E5E5E5

Shades & Tints Shades & Tints

#000B0E

Dark
Light

#1F5150

Dark
Light

#3E9791

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000b0e;
  --color-2: #1f5150;
  --color-3: #3e9791;
  --color-4: #92c3a2;
  --color-5: #e6efb3;
}

SCSS

$color-1: #000b0e;
$color-2: #1f5150;
$color-3: #3e9791;
$color-4: #92c3a2;
$color-5: #e6efb3;

TAILWIND

colors: {
  'brand-1': '#000b0e',
  'brand-2': '#1f5150',
  'brand-3': '#3e9791',
  'brand-4': '#92c3a2',
  'brand-5': '#e6efb3',
}

RGB Array

[0, 11, 14], [31, 81, 80], [62, 151, 145], [146, 195, 162], [230, 239, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #000B0E, #1F5150, #3E9791, #92C3A2, #E6EFB3 is ideal for: 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: #000b0e; --color-2: #1f5150; --color-3: #3e9791; --color-4: #92c3a2; --color-5: #e6efb3. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 dark-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