#862F36

#862F36

Color Values

HEX

#862F36

RGB

134, 47, 54

HSL

355.2, 48.1%, 35.5%

HSV

355.2, 64.9%, 52.5%

CMYK

0.0%, 64.9%, 59.7%, 47.5%

OKLCH

0.4339 0.1192 18.9

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#862F36

#2F867F

Analogous

#862F61

#86542F

#862F36

Triadic

#862F36

#36862F

#2F3686

Split Complementary

#862F36

#2F8654

#2F6186

Tetradic

#862F36

#61862F

#2F867F

#542F86

Color Blindness Simulation

Original

#862F36

Protanopia

#606034

Deuteranopia

#656C34

Tritanopia

#823333

Achromatopsia

#424242

CSS Usage

background-color: #862F36;
color: #862F36;
border-color: #862F36;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCACD
300
#DFA4A9
400
#CE737B
500
#BD424C
600
#97353D
700
#792A31
800
#5E2126
900
#451B1F
950
#2C1113

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026