← Back to Editor

#AD1D1D · #610A1E · #1C110E · #5E4857 · #85758A

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 LibraryData Visualization

Color Details Color Details

#AD1D1D

Vermilion · FireBrick · Wine Red

HEX
#AD1D1D
RGB
rgb(173, 29, 29)
HSL
hsl(0, 71%, 40%)
HSB
hsb(0, 83%, 68%)
CMYK
cmyk(0%, 83%, 83%, 32%)
Oklch
oklch(48.3% 0.179 27.2)

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

#610A1E

Vermilion · Maroon · Wine Red

HEX
#610A1E
RGB
rgb(97, 10, 30)
HSL
hsl(346, 81%, 21%)
HSB
hsb(346, 90%, 38%)
CMYK
cmyk(0%, 90%, 69%, 62%)
Oklch
oklch(32.0% 0.118 15.6)

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

#1C110E

Crimson · Black · Deep Berry

HEX
#1C110E
RGB
rgb(28, 17, 14)
HSL
hsl(13, 33%, 8%)
HSB
hsb(13, 50%, 11%)
CMYK
cmyk(0%, 39%, 50%, 89%)
Oklch
oklch(19.1% 0.020 35.8)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#5E4857

Rose Purple · DimGray · Eggplant

HEX
#5E4857
RGB
rgb(94, 72, 87)
HSL
hsl(319, 13%, 33%)
HSB
hsb(319, 23%, 37%)
CMYK
cmyk(0%, 23%, 7%, 63%)
Oklch
oklch(43.0% 0.038 338.3)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#85758A

Dark Plum · Gray · Warm Gray

HEX
#85758A
RGB
rgb(133, 117, 138)
HSL
hsl(286, 8%, 50%)
HSB
hsb(286, 15%, 54%)
CMYK
cmyk(4%, 15%, 0%, 46%)
Oklch
oklch(58.4% 0.037 318.1)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD1D1D
1EAEAE

Analogous

AE1E66
AD1D1D
AE661E

Triadic

AD1D1D
1EAE1E
1E1EAE

Split-Comp.

AD1D1D
1EAE66
1E66AE

Tetradic

AD1D1D
66AE1E
1EAEAE
661EAE

Contrast Matrix WCAG 2.1 Contrast

AD1D1D
610A1E
1C110E
5E4857
85758A
—
1.9
Fail
2.6
Fail
1.2
Fail
1.7
Fail
1.9
Fail
—
1.4
Fail
1.6
Fail
3.1
AA Large
2.6
Fail
1.4
Fail
—
2.2
Fail
4.3
AA Large
1.2
Fail
1.6
Fail
2.2
Fail
—
1.9
Fail
1.7
Fail
3.1
AA Large
4.3
AA Large
1.9
Fail
—
White BG
7.1AAA
13.4AAA
18.5AAA
8.3AAA
4.3AA Large
Black BG
3.0Fail
1.6Fail
1.1Fail
2.5Fail
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6D1D
3B3B19
17170F
545453
7E7E85

Deuteranopia

77821D
404718
18190F
565753
7F8084

Tritanopia

A61D1D
5D1515
1B0F0F
5D5150
848180

Achromatopsia

484848
262626
141414
505050
7C7C7C

Shades & Tints Shades & Tints

#AD1D1D

Dark
Light

#610A1E

Dark
Light

#1C110E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad1d1d;
  --color-2: #610a1e;
  --color-3: #1c110e;
  --color-4: #5e4857;
  --color-5: #85758a;
}

SCSS

$color-1: #ad1d1d;
$color-2: #610a1e;
$color-3: #1c110e;
$color-4: #5e4857;
$color-5: #85758a;

TAILWIND

colors: {
  'brand-1': '#ad1d1d',
  'brand-2': '#610a1e',
  'brand-3': '#1c110e',
  'brand-4': '#5e4857',
  'brand-5': '#85758a',
}

RGB Array

[173, 29, 29], [97, 10, 30], [28, 17, 14], [94, 72, 87], [133, 117, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD1D1D, #610A1E, #1C110E, #5E4857, #85758A 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: #ad1d1d; --color-2: #610a1e; --color-3: #1c110e; --color-4: #5e4857; --color-5: #85758a. 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