#081733 + #75615E + #5E5D5F + #D60600 + #E70707 · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#081733

Indigo · Black · Deep Sea Blue

HEX

#081733

RGB

rgb(8, 23, 51)

HSL

hsl(219, 73%, 12%)

HSB

hsb(219, 84%, 20%)

CMYK

cmyk(84%, 55%, 0%, 80%)

Oklch

oklch(21.0% 0.059 261.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#75615E

Crimson · DimGray · Passion Red

HEX

#75615E

RGB

rgb(117, 97, 94)

HSL

hsl(8, 11%, 41%)

HSB

hsb(8, 20%, 46%)

CMYK

cmyk(0%, 17%, 20%, 54%)

Oklch

oklch(51.1% 0.026 28.0)

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

#5E5D5F

Ink Gray · DimGray · Charcoal

HEX

#5E5D5F

RGB

rgb(94, 93, 95)

HSL

hsl(270, 1%, 37%)

HSB

hsb(270, 2%, 37%)

CMYK

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

Oklch

oklch(48.0% 0.003 308.4)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#D60600

Vermilion · Red · Passion Red

HEX

#D60600

RGB

rgb(214, 6, 0)

HSL

hsl(2, 100%, 42%)

HSB

hsb(2, 100%, 84%)

CMYK

cmyk(0%, 97%, 100%, 16%)

Oklch

oklch(55.2% 0.224 29.5)

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

#E70707

Vermilion · Red · Passion Red

HEX

#E70707

RGB

rgb(231, 7, 7)

HSL

hsl(0, 94%, 47%)

HSB

hsb(0, 97%, 91%)

CMYK

cmyk(0%, 97%, 97%, 9%)

Oklch

oklch(58.4% 0.237 29.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

081733

352508

Analogous

082E35

081733

0F0835

Triadic

081733

350818

183508

Split-Comp.

081733

350F08

2E3508

Tetradic

081733

35082E

352508

08350F

Contrast Matrix WCAG 2.1 Contrast

081733	75615E	5E5D5F	D60600	E70707
—	3.1 AA Large	2.7 Fail	3.3 AA Large	3.8 AA Large
3.1 AA Large	—	1.1 Fail	1.1 Fail	1.2 Fail
2.7 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
3.3 AA Large	1.1 Fail	1.2 Fail	—	1.1 Fail
3.8 AA Large	1.2 Fail	1.4 Fail	1.1 Fail	—

White BG

17.8AAA

5.8AA

6.5AA

5.4AA

4.7AA

Black BG

1.2Fail

3.6AA Large

3.2AA Large

3.9AA Large

4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

0E0F2C

6C6C5F

5E5E5F

7C7A01

868407

Deuteranopia

0E0D2B

6E6F5F

5E5E5E

889802

93A407

Tritanopia

092726

745F5F

5E5E5E

CC0303

DC0707

Achromatopsia

161616

676767

5E5E5E

444444

4A4A4A

Shades & Tints Shades & Tints

#081733

Dark

Light

#75615E

Dark

Light

#5E5D5F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #081733;
  --color-2: #75615e;
  --color-3: #5e5d5f;
  --color-4: #d60600;
  --color-5: #e70707;
}

SCSS

$color-1: #081733;
$color-2: #75615e;
$color-3: #5e5d5f;
$color-4: #d60600;
$color-5: #e70707;

TAILWIND

colors: {
  'brand-1': '#081733',
  'brand-2': '#75615e',
  'brand-3': '#5e5d5f',
  'brand-4': '#d60600',
  'brand-5': '#e70707',
}

RGB Array

[8, 23, 51], [117, 97, 94], [94, 93, 95], [214, 6, 0], [231, 7, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #081733, #75615E, #5E5D5F, #D60600, #E70707 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: #081733; --color-2: #75615e; --color-3: #5e5d5f; --color-4: #d60600; --color-5: #e70707. 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