← Back to Editor

#881717 · #6B0000 · #000000 · #383737 · #5C5B5B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#881717

Vermilion · DarkRed · Wine Red

HEX
#881717
RGB
rgb(136, 23, 23)
HSL
hsl(0, 71%, 31%)
HSB
hsb(0, 83%, 53%)
CMYK
cmyk(0%, 83%, 83%, 47%)
Oklch
oklch(40.7% 0.148 26.9)

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

#6B0000

Vermilion · Maroon · Wine Red

HEX
#6B0000
RGB
rgb(107, 0, 0)
HSL
hsl(0, 100%, 21%)
HSB
hsb(0, 100%, 42%)
CMYK
cmyk(0%, 100%, 100%, 58%)
Oklch
oklch(33.1% 0.136 29.2)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#383737

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#383737
RGB
rgb(56, 55, 55)
HSL
hsl(0, 1%, 22%)
HSB
hsb(0, 2%, 22%)
CMYK
cmyk(0%, 2%, 2%, 78%)
Oklch
oklch(33.8% 0.001 17.2)

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

#5C5B5B

Ink Gray · DimGray · Charcoal

HEX
#5C5B5B
RGB
rgb(92, 91, 91)
HSL
hsl(0, 1%, 36%)
HSB
hsb(0, 1%, 36%)
CMYK
cmyk(0%, 1%, 1%, 64%)
Oklch
oklch(47.2% 0.001 17.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

881717
178787

Analogous

87174F
881717
874F17

Triadic

881717
178717
171787

Split-Comp.

881717
17874F
174F87

Tetradic

881717
4F8717
178787
4F1787

Contrast Matrix WCAG 2.1 Contrast

881717
6B0000
000000
383737
5C5B5B
—
1.3
Fail
2.2
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
1.6
Fail
1.1
Fail
1.9
Fail
2.2
Fail
1.6
Fail
—
1.8
Fail
3.1
AA Large
1.2
Fail
1.1
Fail
1.8
Fail
—
1.8
Fail
1.4
Fail
1.9
Fail
3.1
AA Large
1.8
Fail
—
White BG
9.6AAA
12.9AAA
21.0AAA
11.9AAA
6.8AA
Black BG
2.2Fail
1.6Fail
1.0Fail
1.8Fail
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

575617
3D3C00
000000
383837
5C5C5B

Deuteranopia

5E6617
434B00
000000
383837
5C5C5B

Tritanopia

821717
660000
000000
383737
5C5B5B

Achromatopsia

393939
202020
000000
373737
5B5B5B

Shades & Tints Shades & Tints

#881717

Dark
Light

#6B0000

Dark
Light

#000000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #881717;
  --color-2: #6b0000;
  --color-3: #000000;
  --color-4: #383737;
  --color-5: #5c5b5b;
}

SCSS

$color-1: #881717;
$color-2: #6b0000;
$color-3: #000000;
$color-4: #383737;
$color-5: #5c5b5b;

TAILWIND

colors: {
  'brand-1': '#881717',
  'brand-2': '#6b0000',
  'brand-3': '#000000',
  'brand-4': '#383737',
  'brand-5': '#5c5b5b',
}

RGB Array

[136, 23, 23], [107, 0, 0], [0, 0, 0], [56, 55, 55], [92, 91, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #881717, #6B0000, #000000, #383737, #5C5B5B 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: #881717; --color-2: #6b0000; --color-3: #000000; --color-4: #383737; --color-5: #5c5b5b. 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