#8C2F29

#8C2F29

Color Values

HEX

#8C2F29

RGB

140, 47, 41

HSL

3.6, 54.7%, 35.5%

HSV

3.6, 70.7%, 54.9%

CMYK

0.0%, 66.4%, 70.7%, 45.1%

OKLCH

0.4417 0.1277 27.2

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#8C2F29

#29868C

Analogous

#8C2955

#8C6029

#8C2F29

Triadic

#8C2F29

#298C2F

#2F298C

Split Complementary

#8C2F29

#298C60

#29558C

Tetradic

#8C2F29

#558C29

#29868C

#60298C

Color Blindness Simulation

Original

#8C2F29

Protanopia

#64632A

Deuteranopia

#69702B

Tritanopia

#872C2C

Achromatopsia

#424242

CSS Usage

background-color: #8C2F29;
color: #8C2F29;
border-color: #8C2F29;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF4F4
100
#F5E6E5
200
#EFCAC8
300
#E3A4A0
400
#D4736D
500
#C5423A
600
#9E352E
700
#7E2A25
800
#63211D
900
#481B19
950
#2E1110

Contrast Checker

Text on white

8.22:1

AA Pass AAA Pass

Text on black

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