#973F46

#973F46

Color Values

HEX

#973F46

RGB

151, 63, 70

HSL

355.2, 41.1%, 42.0%

HSV

355.2, 58.3%, 59.2%

CMYK

0.0%, 58.3%, 53.6%, 40.8%

OKLCH

0.4874 0.1183 17.8

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#973F46

#3F9790

Analogous

#973F72

#97643F

#973F46

Triadic

#973F46

#46973F

#3F4697

Split Complementary

#973F46

#3F9764

#3F7297

Tetradic

#973F46

#72973F

#3F9790

#643F97

Color Blindness Simulation

Original

#973F46

Protanopia

#717044

Deuteranopia

#767D44

Tritanopia

#934343

Achromatopsia

#525252

CSS Usage

background-color: #973F46;
color: #973F46;
border-color: #973F46;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDCF
300
#DBA9AD
400
#C77A80
500
#B44B53
600
#903C43
700
#733035
800
#5A262A
900
#421F21
950
#2A1315

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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