#8F3D33

#8F3D33

Color Values

HEX

#8F3D33

RGB

143, 61, 51

HSL

6.5, 47.4%, 38.0%

HSV

6.5, 64.3%, 56.1%

CMYK

0.0%, 57.3%, 64.3%, 43.9%

OKLCH

0.4679 0.1136 29.1

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#8F3D33

#33858F

Analogous

#8F3357

#8F6B33

#8F3D33

Triadic

#8F3D33

#338F3D

#3D338F

Split Complementary

#8F3D33

#338F6B

#33578F

Tetradic

#8F3D33

#578F33

#33858F

#6B338F

Color Blindness Simulation

Original

#8F3D33

Protanopia

#6B6B35

Deuteranopia

#707636

Tritanopia

#8B3738

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCECA
300
#DFABA5
400
#CD7E74
500
#BC5043
600
#964036
700
#78332B
800
#5E2822
900
#45201C
950
#2C1412

Contrast Checker

Text on white

7.28:1

AA Pass AAA Pass

Text on black

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