#D22DC7

#D22DC7

Color Values

HEX

#D22DC7

RGB

210, 45, 199

HSL

304.0, 64.7%, 50.0%

HSV

304.0, 78.6%, 82.4%

CMYK

0.0%, 78.6%, 5.2%, 17.6%

OKLCH

0.6152 0.2503 331.2

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#D22DC7

#2DD238

Analogous

#8A2DD2

#D22D75

#D22DC7

Triadic

#D22DC7

#C7D22D

#2DC7D2

Split Complementary

#D22DC7

#75D22D

#2DD28A

Tetradic

#D22DC7

#D28A2D

#2DD238

#2D75D2

Color Blindness Simulation

Original

#D22DC7

Protanopia

#8B89A2

Deuteranopia

#94A099

Tritanopia

#CA847E

Achromatopsia

#5B5B5B

CSS Usage

background-color: #D22DC7;
color: #D22DC7;
border-color: #D22DC7;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F2C4EF
300
#E99AE4
400
#DE64D6
500
#D22DC7
600
#A8249F
700
#861D7F
800
#691763
900
#4D1449
950
#300D2E

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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