#1E8F8B + #19655B + #11391F + #0F1C12 + #0F120B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1E8F8B

Mineral Blue · Teal · Mint Ice

HEX

#1E8F8B

RGB

rgb(30, 143, 139)

HSL

hsl(178, 65%, 34%)

HSB

hsb(178, 79%, 56%)

CMYK

cmyk(79%, 0%, 3%, 44%)

Oklch

oklch(59.0% 0.095 191.2)

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

#19655B

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#19655B

RGB

rgb(25, 101, 91)

HSL

hsl(172, 60%, 25%)

HSB

hsb(172, 75%, 40%)

CMYK

cmyk(75%, 0%, 10%, 60%)

Oklch

oklch(45.9% 0.073 182.2)

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

#11391F

Pine Green · DarkGreen · Dark Green

HEX

#11391F

RGB

rgb(17, 57, 31)

HSL

hsl(141, 54%, 15%)

HSB

hsb(141, 70%, 22%)

CMYK

cmyk(70%, 0%, 46%, 78%)

Oklch

oklch(30.8% 0.065 152.1)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#0F1C12

Celadon · Black · Dark Green

HEX

#0F1C12

RGB

rgb(15, 28, 18)

HSL

hsl(134, 30%, 8%)

HSB

hsb(134, 46%, 11%)

CMYK

cmyk(46%, 0%, 36%, 89%)

Oklch

oklch(21.1% 0.027 150.8)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#0F120B

Grass Green · Black · Dark Green

HEX

#0F120B

RGB

rgb(15, 18, 11)

HSL

hsl(86, 24%, 6%)

HSB

hsb(86, 39%, 7%)

CMYK

cmyk(17%, 0%, 39%, 93%)

Oklch

oklch(17.6% 0.015 126.7)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E8F8B

8F1E22

Analogous

1E8F53

1E8F8B

1E5A8F

Triadic

1E8F8B

8B1E8F

8F8B1E

Split-Comp.

1E8F8B

8F1E5A

8F531E

Tetradic

1E8F8B

531E8F

8F1E22

5A8F1E

Contrast Matrix WCAG 2.1 Contrast

1E8F8B	19655B	11391F	0F1C12	0F120B
—	1.8 Fail	3.3 AA Large	4.5 AA Large	4.8 AA
1.8 Fail	—	1.9 Fail	2.6 Fail	2.7 Fail
3.3 AA Large	1.9 Fail	—	1.4 Fail	1.5 Fail
4.5 AA Large	2.6 Fail	1.4 Fail	—	1.1 Fail
4.8 AA	2.7 Fail	1.5 Fail	1.1 Fail	—

White BG

3.9AA Large

6.9AA

12.9AAA

17.6AAA

18.9AAA

Black BG

5.4AA

3.1AA Large

1.6Fail

1.2Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F508C

3A3B5D

222325

151514

10100D

Deuteranopia

48408C

36305E

201D27

141315

10100D

Tritanopia

248D8D

1D5F60

132A2B

101617

0F0E0E

Achromatopsia

6D6D6D

4D4D4D

2A2A2A

171717

101010

Shades & Tints Shades & Tints

#1E8F8B

Dark

Light

#19655B

Dark

Light

#11391F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e8f8b;
  --color-2: #19655b;
  --color-3: #11391f;
  --color-4: #0f1c12;
  --color-5: #0f120b;
}

SCSS

$color-1: #1e8f8b;
$color-2: #19655b;
$color-3: #11391f;
$color-4: #0f1c12;
$color-5: #0f120b;

TAILWIND

colors: {
  'brand-1': '#1e8f8b',
  'brand-2': '#19655b',
  'brand-3': '#11391f',
  'brand-4': '#0f1c12',
  'brand-5': '#0f120b',
}

RGB Array

[30, 143, 139], [25, 101, 91], [17, 57, 31], [15, 28, 18], [15, 18, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1E8F8B, #19655B, #11391F, #0F1C12, #0F120B 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: #1e8f8b; --color-2: #19655b; --color-3: #11391f; --color-4: #0f1c12; --color-5: #0f120b. 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