#974478

#974478

Color Values

HEX

#974478

RGB

151, 68, 120

HSL

322.4, 37.9%, 42.9%

HSV

322.4, 55.0%, 59.2%

CMYK

0.0%, 55.0%, 20.5%, 40.8%

OKLCH

0.5109 0.1278 344.1

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#974478

#449763

Analogous

#8C4497

#97444E

#974478

Triadic

#974478

#789744

#447897

Split Complementary

#974478

#4E9744

#44978C

Tetradic

#974478

#978C44

#449763

#444E97

Color Blindness Simulation

Original

#974478

Protanopia

#73726B

Deuteranopia

#787E68

Tritanopia

#93615F

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#E9CEDF
300
#D9ABC8
400
#C47DAA
500
#B04F8C
600
#8D3F70
700
#713359
800
#582846
900
#412035
950
#291421

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

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