#0B595E + #1B5A5E + #2A5B5E + #3A5C5E + #4A5D5E · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0B595E

Lake Blue · DarkSlateGray · Peacock Green

HEX

#0B595E

RGB

rgb(11, 89, 94)

HSL

hsl(184, 79%, 21%)

HSB

hsb(184, 88%, 37%)

CMYK

cmyk(88%, 5%, 0%, 63%)

Oklch

oklch(42.4% 0.069 201.8)

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

#1B5A5E

Lake Blue · DarkSlateGray · Peacock Green

HEX

#1B5A5E

RGB

rgb(27, 90, 94)

HSL

hsl(184, 55%, 24%)

HSB

hsb(184, 71%, 37%)

CMYK

cmyk(71%, 4%, 0%, 63%)

Oklch

oklch(43.0% 0.062 201.2)

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

#2A5B5E

Slate Blue · DarkSlateGray · Mint Ice

HEX

#2A5B5E

RGB

rgb(42, 91, 94)

HSL

hsl(183, 38%, 27%)

HSB

hsb(183, 55%, 37%)

CMYK

cmyk(55%, 3%, 0%, 63%)

Oklch

oklch(43.9% 0.053 200.7)

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

#3A5C5E

Slate Blue · DarkSlateGray · Mint Ice

HEX

#3A5C5E

RGB

rgb(58, 92, 94)

HSL

hsl(183, 24%, 30%)

HSB

hsb(183, 38%, 37%)

CMYK

cmyk(38%, 2%, 0%, 63%)

Oklch

oklch(45.0% 0.040 200.6)

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

#4A5D5E

Slate Blue · DarkSlateGray · Mint Ice

HEX

#4A5D5E

RGB

rgb(74, 93, 94)

HSL

hsl(183, 12%, 33%)

HSB

hsb(183, 21%, 37%)

CMYK

cmyk(21%, 1%, 0%, 63%)

Oklch

oklch(46.3% 0.023 200.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B595E

60110B

Analogous

0B603B

0B595E

0B3060

Triadic

0B595E

600B5A

5A600B

Split-Comp.

0B595E

600B30

603B0B

Tetradic

0B595E

3B0B60

60110B

30600B

Contrast Matrix WCAG 2.1 Contrast

0B595E	1B5A5E	2A5B5E	3A5C5E	4A5D5E
—	1.0 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.2 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

8.1AAA

7.9AAA

7.6AAA

7.3AAA

7.0AA

Black BG

2.6Fail

2.7Fail

2.8Fail

2.9Fail

3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D5D

36375D

3F405D

49495E

52525E

Deuteranopia

28225D

332E5D

3C395D

47445D

51505E

Tritanopia

0F5C5C

1E5C5C

2C5D5D

3C5D5D

4B5E5E

Achromatopsia

424242

484848

4D4D4D

525252

575757

Shades & Tints Shades & Tints

#0B595E

Dark

Light

#1B5A5E

Dark

Light

#2A5B5E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b595e;
  --color-2: #1b5a5e;
  --color-3: #2a5b5e;
  --color-4: #3a5c5e;
  --color-5: #4a5d5e;
}

SCSS

$color-1: #0b595e;
$color-2: #1b5a5e;
$color-3: #2a5b5e;
$color-4: #3a5c5e;
$color-5: #4a5d5e;

TAILWIND

colors: {
  'brand-1': '#0b595e',
  'brand-2': '#1b5a5e',
  'brand-3': '#2a5b5e',
  'brand-4': '#3a5c5e',
  'brand-5': '#4a5d5e',
}

RGB Array

[11, 89, 94], [27, 90, 94], [42, 91, 94], [58, 92, 94], [74, 93, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #0B595E, #1B5A5E, #2A5B5E, #3A5C5E, #4A5D5E is ideal for: tech websites, dark mode UIs, game UIs. 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: #0b595e; --color-2: #1b5a5e; --color-3: #2a5b5e; --color-4: #3a5c5e; --color-5: #4a5d5e. 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 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