#D22DA8

#D22DA8

Color Values

HEX

#D22DA8

RGB

210, 45, 168

HSL

315.3, 64.7%, 50.0%

HSV

315.3, 78.6%, 82.4%

CMYK

0.0%, 78.6%, 20.0%, 17.6%

OKLCH

0.5995 0.2301 340.9

Properties

Warm Light Nearest: maroon 3

Color Harmonies

Complementary

#D22DA8

#2DD257

Analogous

#AA2DD2

#D22D55

#D22DA8

Triadic

#D22DA8

#A8D22D

#2DA8D2

Split Complementary

#D22DA8

#55D22D

#2DD2AA

Tetradic

#D22DA8

#D2AA2D

#2DD257

#2D55D2

Color Blindness Simulation

Original

#D22DA8

Protanopia

#8B898A

Deuteranopia

#94A083

Tritanopia

#CA736E

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F2
200
#F2C4E7
300
#E99AD5
400
#DE64BF
500
#D22DA8
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.68: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