#D22976

#D22976

Color Values

HEX

#D22976

RGB

210, 41, 118

HSL

332.7, 67.3%, 49.2%

HSV

332.7, 80.5%, 82.4%

CMYK

0.0%, 80.5%, 43.8%, 17.6%

OKLCH

0.5771 0.2094 359.3

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#D22976

#29D285

Analogous

#D229CA

#D23129

#D22976

Triadic

#D22976

#76D229

#2976D2

Split Complementary

#D22976

#29D231

#29CAD2

Tetradic

#D22976

#CAD229

#29D285

#3129D2

Color Blindness Simulation

Original

#D22976

Protanopia

#898763

Deuteranopia

#939F5F

Tritanopia

#CA5551

Achromatopsia

#525252

CSS Usage

background-color: #D22976;
color: #D22976;
border-color: #D22976;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C3D9
300
#EB99BE
400
#E0619B
500
#D52A78
600
#AB2160
700
#891B4D
800
#6B153C
900
#4E132E
950
#310C1D

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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