#D22DA7

#D22DA7

Color Values

HEX

#D22DA7

RGB

210, 45, 167

HSL

315.6, 64.7%, 50.0%

HSV

315.6, 78.6%, 82.4%

CMYK

0.0%, 78.6%, 20.5%, 17.6%

OKLCH

0.599 0.2295 341.2

Properties

Warm Light Nearest: maroon 3

Color Harmonies

Complementary

#D22DA7

#2DD258

Analogous

#AA2DD2

#D22D55

#D22DA7

Triadic

#D22DA7

#A7D22D

#2DA7D2

Split Complementary

#D22DA7

#55D22D

#2DD2AA

Tetradic

#D22DA7

#D2AA2D

#2DD258

#2D55D2

Color Blindness Simulation

Original

#D22DA7

Protanopia

#8B898A

Deuteranopia

#94A082

Tritanopia

#CA726D

Achromatopsia

#595959

CSS Usage

background-color: #D22DA7;
color: #D22DA7;
border-color: #D22DA7;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF3F9
100
#F7E3F2
200
#F2C4E6
300
#E99AD5
400
#DE64BE
500
#D22DA7
600
#A82486
700
#861D6B
800
#691754
900
#4D143E
950
#300D27

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.67:1

AA Pass 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