#870D06

#870D06

Color Values

HEX

#870D06

RGB

135, 13, 6

HSL

3.3, 91.5%, 27.6%

HSV

3.3, 95.6%, 52.9%

CMYK

0.0%, 90.4%, 95.6%, 47.1%

OKLCH

0.3977 0.1546 29.6

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#870D06

#068087

Analogous

#87063F

#874D06

#870D06

Triadic

#870D06

#06870D

#0D0687

Split Complementary

#870D06

#06874D

#063F87

Tetradic

#870D06

#3F8706

#068087

#4D0687

Color Blindness Simulation

Original

#870D06

Protanopia

#525108

Deuteranopia

#596208

Tritanopia

#810909

Achromatopsia

#262626

CSS Usage

background-color: #870D06;
color: #870D06;
border-color: #870D06;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FDF2F1
100
#FBE1DF
200
#FCBEBB
300
#FA908A
400
#F7544A
500
#F4180B
600
#C31309
700
#9C0F07
800
#7A0C05
900
#580D09
950
#380805

Contrast Checker

Text on white

10.05:1

AA Pass AAA Pass

Text on black

2.09: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