#974669

#974669

Color Values

HEX

#974669

RGB

151, 70, 105

HSL

334.1, 36.7%, 43.3%

HSV

334.1, 53.6%, 59.2%

CMYK

0.0%, 53.6%, 30.5%, 40.8%

OKLCH

0.5081 0.1156 354.8

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#974669

#469774

Analogous

#974691

#974B46

#974669

Triadic

#974669

#699746

#466997

Split Complementary

#974669

#46974B

#469197

Tetradic

#974669

#919746

#469774

#4B4697

Color Blindness Simulation

Original

#974669

Protanopia

#747361

Deuteranopia

#797F5E

Tritanopia

#935A58

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CEDA
300
#D8ABBF
400
#C37E9C
500
#AE5179
600
#8B4161
700
#70344E
800
#57283D
900
#40202E
950
#29141D

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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