#84111C

#84111C

Color Values

HEX

#84111C

RGB

132, 17, 28

HSL

354.3, 77.2%, 29.2%

HSV

354.3, 87.1%, 51.8%

CMYK

0.0%, 87.1%, 78.8%, 48.2%

OKLCH

0.3959 0.1474 23.4

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#84111C

#118479

Analogous

#841155

#844011

#84111C

Triadic

#84111C

#1C8411

#111C84

Split Complementary

#84111C

#118440

#115584

Tetradic

#84111C

#558411

#118479

#401184

Color Blindness Simulation

Original

#84111C

Protanopia

#525119

Deuteranopia

#596119

Tritanopia

#7E1717

Achromatopsia

#2A2A2A

CSS Usage

background-color: #84111C;
color: #84111C;
border-color: #84111C;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF2F3
100
#F9E1E4
200
#F7C0C5
300
#F1939C
400
#E95866
500
#E21D30
600
#B51726
700
#91131F
800
#710F18
900
#520F15
950
#34090D

Contrast Checker

Text on white

10.11:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026