← Back to Editor

#191A1C · #373833 · #A60020 · #D35773 · #7E5657

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#191A1C

Ink Black · Black · Jet Black

HEX
#191A1C
RGB
rgb(25, 26, 28)
HSL
hsl(220, 6%, 10%)
HSB
hsb(220, 11%, 11%)
CMYK
cmyk(11%, 7%, 0%, 89%)
Oklch
oklch(21.8% 0.004 264.5)

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

#373833

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#373833
RGB
rgb(55, 56, 51)
HSL
hsl(72, 5%, 21%)
HSB
hsb(72, 9%, 22%)
CMYK
cmyk(2%, 0%, 9%, 78%)
Oklch
oklch(33.8% 0.009 116.0)

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

#A60020

Vermilion · FireBrick · Wine Red

HEX
#A60020
RGB
rgb(166, 0, 32)
HSL
hsl(348, 100%, 33%)
HSB
hsb(348, 100%, 65%)
CMYK
cmyk(0%, 100%, 81%, 35%)
Oklch
oklch(45.8% 0.185 22.9)

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

#D35773

Crimson · LightCoral · Passion Red

HEX
#D35773
RGB
rgb(211, 87, 115)
HSL
hsl(346, 58%, 58%)
HSB
hsb(346, 59%, 83%)
CMYK
cmyk(0%, 59%, 45%, 17%)
Oklch
oklch(62.3% 0.158 8.9)

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

#7E5657

Crimson · DimGray · Passion Red

HEX
#7E5657
RGB
rgb(126, 86, 87)
HSL
hsl(358, 19%, 42%)
HSB
hsb(358, 32%, 49%)
CMYK
cmyk(0%, 32%, 31%, 51%)
Oklch
oklch(49.7% 0.053 17.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

191A1C
1B1A18

Analogous

181B1B
191A1C
18181B

Triadic

191A1C
1B1819
191B18

Split-Comp.

191A1C
1B1818
1B1B18

Tetradic

191A1C
1B181B
1B1A18
181B18

Contrast Matrix WCAG 2.1 Contrast

191A1C
373833
A60020
D35773
7E5657
—
1.5
Fail
2.2
Fail
4.5
AA Large
2.8
Fail
1.5
Fail
—
1.5
Fail
3.0
AA Large
1.9
Fail
2.2
Fail
1.5
Fail
—
2.0
Fail
1.3
Fail
4.5
AA Large
3.0
AA Large
2.0
Fail
—
1.6
Fail
2.8
Fail
1.9
Fail
1.3
Fail
1.6
Fail
—
White BG
17.4AAA
11.8AAA
7.9AAA
3.9AA Large
6.3AA
Black BG
1.2Fail
1.8Fail
2.6Fail
5.4AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

19191C
373734
5E5D18
9D9C6C
6D6C57

Deuteranopia

19191B
373735
687416
A5AE6B
6F7257

Tritanopia

191B1B
373535
9E1211
CD6766
7C5757

Achromatopsia

1A1A1A
373737
353535
7F7F7F
626262

Shades & Tints Shades & Tints

#191A1C

Dark
Light

#373833

Dark
Light

#A60020

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #191a1c;
  --color-2: #373833;
  --color-3: #a60020;
  --color-4: #d35773;
  --color-5: #7e5657;
}

SCSS

$color-1: #191a1c;
$color-2: #373833;
$color-3: #a60020;
$color-4: #d35773;
$color-5: #7e5657;

TAILWIND

colors: {
  'brand-1': '#191a1c',
  'brand-2': '#373833',
  'brand-3': '#a60020',
  'brand-4': '#d35773',
  'brand-5': '#7e5657',
}

RGB Array

[25, 26, 28], [55, 56, 51], [166, 0, 32], [211, 87, 115], [126, 86, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #191A1C, #373833, #A60020, #D35773, #7E5657 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #191a1c; --color-2: #373833; --color-3: #a60020; --color-4: #d35773; --color-5: #7e5657. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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