#974663

#974663

Color Values

HEX

#974663

RGB

151, 70, 99

HSL

338.5, 36.7%, 43.3%

HSV

338.5, 53.6%, 59.2%

CMYK

0.0%, 53.6%, 34.4%, 40.8%

OKLCH

0.506 0.113 359.3

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#974663

#46977A

Analogous

#97468B

#975146

#974663

Triadic

#974663

#639746

#466397

Split Complementary

#974663

#469751

#468B97

Tetradic

#974663

#8B9746

#46977A

#514697

Color Blindness Simulation

Original

#974663

Protanopia

#74735C

Deuteranopia

#797F5A

Tritanopia

#935655

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CED8
300
#D8ABBB
400
#C37E97
500
#AE5172
600
#8B415B
700
#703449
800
#572839
900
#40202C
950
#29141C

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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