#862C31

#862C31

Color Values

HEX

#862C31

RGB

134, 44, 49

HSL

356.7, 50.6%, 34.9%

HSV

356.7, 67.2%, 52.5%

CMYK

0.0%, 67.2%, 63.4%, 47.5%

OKLCH

0.4289 0.1231 20.8

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#862C31

#2C8681

Analogous

#862C5E

#86542C

#862C31

Triadic

#862C31

#31862C

#2C3186

Split Complementary

#862C31

#2C8654

#2C5E86

Tetradic

#862C31

#5E862C

#2C8681

#542C86

Color Blindness Simulation

Original

#862C31

Protanopia

#5F5E30

Deuteranopia

#646B30

Tritanopia

#822F2F

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EDC9CB
300
#E1A3A6
400
#D07176
500
#C03F46
600
#9A3238
700
#7B282D
800
#601F23
900
#471A1D
950
#2D1112

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

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