#974879

#974879

Color Values

HEX

#974879

RGB

151, 72, 121

HSL

322.8, 35.4%, 43.7%

HSV

322.8, 52.3%, 59.2%

CMYK

0.0%, 52.3%, 19.9%, 40.8%

OKLCH

0.5171 0.1217 344.1

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#974879

#489766

Analogous

#8D4897

#974851

#974879

Triadic

#974879

#799748

#487997

Split Complementary

#974879

#519748

#48978D

Tetradic

#974879

#978D48

#489766

#485197

Color Blindness Simulation

Original

#974879

Protanopia

#75746D

Deuteranopia

#797F6A

Tritanopia

#936462

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EE
200
#E8CFDE
300
#D7ACC7
400
#C27FA9
500
#AD528A
600
#8A426F
700
#6E3559
800
#562945
900
#402134
950
#281521

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

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