#86180F

#86180F

Color Values

HEX

#86180F

RGB

134, 24, 15

HSL

4.5, 79.9%, 29.2%

HSV

4.5, 88.8%, 52.5%

CMYK

0.0%, 82.1%, 88.8%, 47.5%

OKLCH

0.4034 0.1462 29.7

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#86180F

#0F7D86

Analogous

#860F42

#86530F

#86180F

Triadic

#86180F

#0F8618

#180F86

Split Complementary

#86180F

#0F8653

#0F4286

Tetradic

#86180F

#42860F

#0F7D86

#530F86

Color Blindness Simulation

Original

#86180F

Protanopia

#565511

Deuteranopia

#5D6512

Tritanopia

#801313

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#F9E3E1
200
#F8C3BF
300
#F39891
400
#EC6155
500
#E5291A
600
#B72115
700
#931A10
800
#73140D
900
#53130E
950
#350C09

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

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