#983F49

#983F49

Color Values

HEX

#983F49

RGB

152, 63, 73

HSL

353.3, 41.4%, 42.2%

HSV

353.3, 58.6%, 59.6%

CMYK

0.0%, 58.6%, 52.0%, 40.4%

OKLCH

0.4897 0.1195 15.8

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#983F49

#3F988E

Analogous

#983F76

#98623F

#983F49

Triadic

#983F49

#49983F

#3F4998

Split Complementary

#983F49

#3F9862

#3F7698

Tetradic

#983F49

#76983F

#3F988E

#623F98

Color Blindness Simulation

Original

#983F49

Protanopia

#717147

Deuteranopia

#777D46

Tritanopia

#944544

Achromatopsia

#535353

CSS Usage

background-color: #983F49;
color: #983F49;
border-color: #983F49;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDD0
300
#DBA8AE
400
#C87A82
500
#B44B57
600
#903C45
700
#733037
800
#5A252B
900
#431E22
950
#2A1316

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

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