#983F33

#983F33

Color Values

HEX

#983F33

RGB

152, 63, 51

HSL

7.1, 49.8%, 39.8%

HSV

7.1, 66.4%, 59.6%

CMYK

0.0%, 58.6%, 66.4%, 40.4%

OKLCH

0.4852 0.1222 29.9

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#983F33

#338C98

Analogous

#98335A

#987133

#983F33

Triadic

#983F33

#33983F

#3F3398

Split Complementary

#983F33

#339871

#335A98

Tetradic

#983F33

#5A9833

#338C98

#713398

Color Blindness Simulation

Original

#983F33

Protanopia

#717136

Deuteranopia

#777D37

Tritanopia

#943839

Achromatopsia

#515151

CSS Usage

background-color: #983F33;
color: #983F33;
border-color: #983F33;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCECA
300
#E0ABA3
400
#D07D72
500
#BF4F40
600
#993F33
700
#7A3329
800
#5F2820
900
#46201B
950
#2C1411

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

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