#86180B

#86180B

Color Values

HEX

#86180B

RGB

134, 24, 11

HSL

6.3, 84.8%, 28.4%

HSV

6.3, 91.8%, 52.5%

CMYK

0.0%, 82.1%, 91.8%, 47.5%

OKLCH

0.4032 0.1466 30.7

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#86180B

#0B7986

Analogous

#860B3C

#86550B

#86180B

Triadic

#86180B

#0B8618

#180B86

Split Complementary

#86180B

#0B8655

#0B3C86

Tetradic

#86180B

#3C860B

#0B7986

#550B86

Color Blindness Simulation

Original

#86180B

Protanopia

#56550E

Deuteranopia

#5D650F

Tritanopia

#801111

Achromatopsia

#2E2E2E

CSS Usage

background-color: #86180B;
color: #86180B;
border-color: #86180B;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FDF3F2
100
#FAE3E0
200
#FAC3BD
300
#F6998E
400
#F16151
500
#EC2A13
600
#BC2210
700
#971B0C
800
#76150A
900
#55130B
950
#360C07

Contrast Checker

Text on white

9.77:1

AA Pass AAA Pass

Text on black

2.15:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026