#0E1211 + #424D4B + #14D8BD + #2D5751 + #04211D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0E1211

Mineral Blue · Black · Peacock Green

HEX

#0E1211

RGB

rgb(14, 18, 17)

HSL

hsl(165, 13%, 6%)

HSB

hsb(165, 22%, 7%)

CMYK

cmyk(22%, 0%, 6%, 93%)

Oklch

oklch(17.7% 0.007 178.8)

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

#424D4B

Mineral Blue · DarkSlateGray · Charcoal

HEX

#424D4B

RGB

rgb(66, 77, 75)

HSL

hsl(169, 8%, 28%)

HSB

hsb(169, 14%, 30%)

CMYK

cmyk(14%, 0%, 3%, 70%)

Oklch

oklch(41.0% 0.014 183.4)

Traditional「Mineral Blue」· Paint「Charcoal」· Creative Midnight Shadow

#14D8BD

Mineral Blue · DarkTurquoise · Mint Ice

HEX

#14D8BD

RGB

rgb(20, 216, 189)

HSL

hsl(172, 83%, 46%)

HSB

hsb(172, 91%, 85%)

CMYK

cmyk(91%, 0%, 12%, 15%)

Oklch

oklch(79.1% 0.142 179.2)

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

#2D5751

Mineral Blue · DarkSlateGray · Mint Ice

HEX

#2D5751

RGB

rgb(45, 87, 81)

HSL

hsl(171, 32%, 26%)

HSB

hsb(171, 48%, 34%)

CMYK

cmyk(48%, 0%, 7%, 66%)

Oklch

oklch(42.4% 0.048 183.7)

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

#04211D

Mineral Blue · Black · Peacock Green

HEX

#04211D

RGB

rgb(4, 33, 29)

HSL

hsl(172, 78%, 7%)

HSB

hsb(172, 88%, 13%)

CMYK

cmyk(88%, 0%, 12%, 87%)

Oklch

oklch(22.5% 0.036 182.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E1211

110D0E

Analogous

0D110E

0E1211

0D1011

Triadic

0E1211

100D11

11100D

Split-Comp.

0E1211

110D10

110E0D

Tetradic

0E1211

0E0D11

110D0E

10110D

Contrast Matrix WCAG 2.1 Contrast

0E1211	424D4B	14D8BD	2D5751	04211D
—	2.2 Fail	10.4 AAA	2.3 Fail	1.1 Fail
2.2 Fail	—	4.8 AA	1.1 Fail	1.9 Fail
10.4 AAA	4.8 AA	—	4.5 AA Large	9.3 AAA
2.3 Fail	1.1 Fail	4.5 AA Large	—	2.1 Fail
1.1 Fail	1.9 Fail	9.3 AAA	2.1 Fail	—

White BG

18.9AAA

8.8AAA

1.8Fail

8.1AAA

16.9AAA

Black BG

1.1Fail

2.4Fail

11.6AAA

2.6Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

101011

47474B

696BC4

3F4052

11111E

Deuteranopia

100F11

46454C

5E4FC5

3D3A53

0F0D1E

Tritanopia

0E1111

434C4C

1EC9CA

2F5454

051F1F

Achromatopsia

111111

494949

9A9A9A

4A4A4A

181818

Shades & Tints Shades & Tints

#0E1211

Dark

Light

#424D4B

Dark

Light

#14D8BD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e1211;
  --color-2: #424d4b;
  --color-3: #14d8bd;
  --color-4: #2d5751;
  --color-5: #04211d;
}

SCSS

$color-1: #0e1211;
$color-2: #424d4b;
$color-3: #14d8bd;
$color-4: #2d5751;
$color-5: #04211d;

TAILWIND

colors: {
  'brand-1': '#0e1211',
  'brand-2': '#424d4b',
  'brand-3': '#14d8bd',
  'brand-4': '#2d5751',
  'brand-5': '#04211d',
}

RGB Array

[14, 18, 17], [66, 77, 75], [20, 216, 189], [45, 87, 81], [4, 33, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0E1211, #424D4B, #14D8BD, #2D5751, #04211D 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: #0e1211; --color-2: #424d4b; --color-3: #14d8bd; --color-4: #2d5751; --color-5: #04211d. 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 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