#983F31

#983F31

Color Values

HEX

#983F31

RGB

152, 63, 49

HSL

8.2, 51.2%, 39.4%

HSV

8.2, 67.8%, 59.6%

CMYK

0.0%, 58.6%, 67.8%, 40.4%

OKLCH

0.4849 0.1227 31.0

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#983F31

#318A98

Analogous

#983156

#987331

#983F31

Triadic

#983F31

#31983F

#3F3198

Split Complementary

#983F31

#319873

#315698

Tetradic

#983F31

#569831

#318A98

#733198

Color Blindness Simulation

Original

#983F31

Protanopia

#717134

Deuteranopia

#777D35

Tritanopia

#943738

Achromatopsia

#515151

CSS Usage

background-color: #983F31;
color: #983F31;
border-color: #983F31;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FBF5F4
100
#F5E8E5
200
#EECEC9
300
#E1ABA2
400
#D17E70
500
#C1503E
600
#9A4032
700
#7B3328
800
#60281F
900
#47201A
950
#2D1410

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

3.09:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026