#8C2C27

#8C2C27

Color Values

HEX

#8C2C27

RGB

140, 44, 39

HSL

3.0, 56.4%, 35.1%

HSV

3.0, 72.1%, 54.9%

CMYK

0.0%, 68.6%, 72.1%, 45.1%

OKLCH

0.4377 0.1312 26.9

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#8C2C27

#27878C

Analogous

#8C2754

#8C5F27

#8C2C27

Triadic

#8C2C27

#278C2C

#2C278C

Split Complementary

#8C2C27

#278C5F

#27548C

Tetradic

#8C2C27

#548C27

#27878C

#5F278C

Color Blindness Simulation

Original

#8C2C27

Protanopia

#626228

Deuteranopia

#686F28

Tritanopia

#872929

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E5
200
#EFC9C7
300
#E4A39F
400
#D6716B
500
#C73F38
600
#A0322C
700
#802824
800
#641F1C
900
#491A18
950
#2E110F

Contrast Checker

Text on white

8.38:1

AA Pass AAA Pass

Text on black

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