#081A19 + #0C2928 + #332B2B + #5C2C27 + #851107 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#081A19

Mineral Blue · Black · Peacock Green

HEX

#081A19

RGB

rgb(8, 26, 25)

HSL

hsl(177, 53%, 7%)

HSB

hsb(177, 69%, 10%)

CMYK

cmyk(69%, 0%, 4%, 90%)

Oklch

oklch(20.2% 0.024 190.7)

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

#0C2928

Mineral Blue · Black · Peacock Green

HEX

#0C2928

RGB

rgb(12, 41, 40)

HSL

hsl(178, 55%, 10%)

HSB

hsb(178, 71%, 16%)

CMYK

cmyk(71%, 0%, 2%, 84%)

Oklch

oklch(25.9% 0.035 192.1)

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

#332B2B

Crimson · DarkSlateGray · Dark Stone

HEX

#332B2B

RGB

rgb(51, 43, 43)

HSL

hsl(0, 9%, 18%)

HSB

hsb(0, 16%, 20%)

CMYK

cmyk(0%, 16%, 16%, 80%)

Oklch

oklch(29.8% 0.012 17.8)

Traditional「Crimson」· Paint「Dark Stone」· Creative Midnight Shadow

#5C2C27

Crimson · DarkOliveGreen · Wine Red

HEX

#5C2C27

RGB

rgb(92, 44, 39)

HSL

hsl(6, 40%, 26%)

HSB

hsb(6, 58%, 36%)

CMYK

cmyk(0%, 52%, 58%, 64%)

Oklch

oklch(35.6% 0.071 27.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#851107

Vermilion · Maroon · Wine Red

HEX

#851107

RGB

rgb(133, 17, 7)

HSL

hsl(5, 90%, 27%)

HSB

hsb(5, 95%, 52%)

CMYK

cmyk(0%, 87%, 95%, 48%)

Oklch

oklch(39.6% 0.151 30.0)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

081A19

1B0809

Analogous

081B11

081A19

08131B

Triadic

081A19

1A081B

1B1A08

Split-Comp.

081A19

1B0813

1B1108

Tetradic

081A19

11081B

1B0809

131B08

Contrast Matrix WCAG 2.1 Contrast

081A19	0C2928	332B2B	5C2C27	851107
—	1.2 Fail	1.3 Fail	1.6 Fail	1.8 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.5 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.8 Fail	1.5 Fail	1.4 Fail	1.1 Fail	—

White BG

17.9AAA

15.4AAA

13.8AAA

11.4AAA

10.1AAA

Black BG

1.2Fail

1.4Fail

1.5Fail

1.8Fail

2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

101019

191928

302F2B

474728

535209

Deuteranopia

0F0D19

171528

30312B

4A4E29

5A620A

Tritanopia

091919

0D2828

332B2B

5A2929

7F0B0C

Achromatopsia

151515

202020

2D2D2D

3A3A3A

333333

Shades & Tints Shades & Tints

#081A19

Dark

Light

#0C2928

Dark

Light

#332B2B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #081a19;
  --color-2: #0c2928;
  --color-3: #332b2b;
  --color-4: #5c2c27;
  --color-5: #851107;
}

SCSS

$color-1: #081a19;
$color-2: #0c2928;
$color-3: #332b2b;
$color-4: #5c2c27;
$color-5: #851107;

TAILWIND

colors: {
  'brand-1': '#081a19',
  'brand-2': '#0c2928',
  'brand-3': '#332b2b',
  'brand-4': '#5c2c27',
  'brand-5': '#851107',
}

RGB Array

[8, 26, 25], [12, 41, 40], [51, 43, 43], [92, 44, 39], [133, 17, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #081A19, #0C2928, #332B2B, #5C2C27, #851107 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: #081a19; --color-2: #0c2928; --color-3: #332b2b; --color-4: #5c2c27; --color-5: #851107. 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