#D22DA3

#D22DA3

Color Values

HEX

#D22DA3

RGB

210, 45, 163

HSL

317.1, 64.7%, 50.0%

HSV

317.1, 78.6%, 82.4%

CMYK

0.0%, 78.6%, 22.4%, 17.6%

OKLCH

0.5972 0.2271 342.6

Properties

Warm Light Nearest: maroon 3

Color Harmonies

Complementary

#D22DA3

#2DD25C

Analogous

#AF2DD2

#D22D50

#D22DA3

Triadic

#D22DA3

#A3D22D

#2DA3D2

Split Complementary

#D22DA3

#50D22D

#2DD2AF

Tetradic

#D22DA3

#D2AF2D

#2DD25C

#2D50D2

Color Blindness Simulation

Original

#D22DA3

Protanopia

#8B8986

Deuteranopia

#94A080

Tritanopia

#CA706B

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F1
200
#F2C4E5
300
#E99AD3
400
#DE64BB
500
#D22DA3
600
#A82482
700
#861D68
800
#691751
900
#4D143D
950
#300D26

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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