#973F62

#973F62

Color Values

HEX

#973F62

RGB

151, 63, 98

HSL

336.1, 41.1%, 42.0%

HSV

336.1, 58.3%, 59.2%

CMYK

0.0%, 58.3%, 35.1%, 40.8%

OKLCH

0.4955 0.1238 357.7

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#973F62

#3F9774

Analogous

#973F8E

#97483F

#973F62

Triadic

#973F62

#62973F

#3F6297

Split Complementary

#973F62

#3F9748

#3F8E97

Tetradic

#973F62

#8E973F

#3F9774

#483F97

Color Blindness Simulation

Original

#973F62

Protanopia

#71705A

Deuteranopia

#767D58

Tritanopia

#935351

Achromatopsia

#545454

CSS Usage

background-color: #973F62;
color: #973F62;
border-color: #973F62;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#EACDD8
300
#DBA9BD
400
#C77A99
500
#B44B75
600
#903C5D
700
#73304B
800
#5A263A
900
#421F2D
950
#2A131C

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

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