#972850

#972850

Color Values

HEX

#972850

RGB

151, 40, 80

HSL

338.4, 58.1%, 37.5%

HSV

338.4, 73.5%, 59.2%

CMYK

0.0%, 73.5%, 47.0%, 40.8%

OKLCH

0.4621 0.1492 3.3

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#972850

#28976F

Analogous

#972888

#973828

#972850

Triadic

#972850

#509728

#285097

Split Complementary

#972850

#289738

#288897

Tetradic

#972850

#889728

#28976F

#382897

Color Blindness Simulation

Original

#972850

Protanopia

#676646

Deuteranopia

#6D7644

Tritanopia

#913F3D

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F6E4EB
200
#F0C7D5
300
#E59EB8
400
#D76A91
500
#CA356B
600
#A12B55
700
#812244
800
#651B35
900
#4A1729
950
#2F0F1A

Contrast Checker

Text on white

7.68:1

AA Pass AAA Pass

Text on black

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