#8F2F20

#8F2F20

Color Values

HEX

#8F2F20

RGB

143, 47, 32

HSL

8.1, 63.4%, 34.3%

HSV

8.1, 77.6%, 56.1%

CMYK

0.0%, 67.1%, 77.6%, 43.9%

OKLCH

0.4457 0.1329 31.5

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#8F2F20

#20808F

Analogous

#8F2048

#8F6620

#8F2F20

Triadic

#8F2F20

#208F2F

#2F208F

Split Complementary

#8F2F20

#208F66

#20488F

Tetradic

#8F2F20

#488F20

#20808F

#66208F

Color Blindness Simulation

Original

#8F2F20

Protanopia

#656524

Deuteranopia

#6B7224

Tritanopia

#8A2627

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E6E4
200
#F2CBC5
300
#E9A59B
400
#DC7565
500
#D0442F
600
#A73725
700
#852C1E
800
#682217
900
#4C1C15
950
#30120D

Contrast Checker

Text on white

8.09:1

AA Pass AAA Pass

Text on black

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