#974462

#974462

Color Values

HEX

#974462

RGB

151, 68, 98

HSL

338.3, 37.9%, 42.9%

HSV

338.3, 55.0%, 59.2%

CMYK

0.0%, 55.0%, 35.1%, 40.8%

OKLCH

0.5027 0.1158 359.4

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#974462

#449779

Analogous

#97448B

#974F44

#974462

Triadic

#974462

#629744

#446297

Split Complementary

#974462

#44974F

#448B97

Tetradic

#974462

#8B9744

#449779

#4F4497

Color Blindness Simulation

Original

#974462

Protanopia

#73725B

Deuteranopia

#787E59

Tritanopia

#935554

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CED8
300
#D9ABBB
400
#C47D97
500
#B04F72
600
#8D3F5B
700
#713349
800
#582839
900
#41202C
950
#29141C

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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