#983F48

#983F48

Color Values

HEX

#983F48

RGB

152, 63, 72

HSL

353.9, 41.4%, 42.2%

HSV

353.9, 58.6%, 59.6%

CMYK

0.0%, 58.6%, 52.6%, 40.4%

OKLCH

0.4895 0.1195 16.5

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#983F48

#3F988F

Analogous

#983F75

#98633F

#983F48

Triadic

#983F48

#48983F

#3F4898

Split Complementary

#983F48

#3F9863

#3F7598

Tetradic

#983F48

#75983F

#3F988F

#633F98

Color Blindness Simulation

Original

#983F48

Protanopia

#717146

Deuteranopia

#777D45

Tritanopia

#944444

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

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