#DC23B7

#DC23B7

Color Values

HEX

#DC23B7

RGB

220, 35, 183

HSL

312.0, 72.5%, 50.0%

HSV

312.0, 84.1%, 86.3%

CMYK

0.0%, 84.1%, 16.8%, 13.7%

OKLCH

0.6169 0.2521 338.5

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#DC23B7

#23DC48

Analogous

#A423DC

#DC235B

#DC23B7

Triadic

#DC23B7

#B7DC23

#23B7DC

Split Complementary

#DC23B7

#5BDC23

#23DCA4

Tetradic

#DC23B7

#DCA423

#23DC48

#235BDC

Color Blindness Simulation

Original

#DC23B7

Protanopia

#8C8A93

Deuteranopia

#97A48B

Tritanopia

#D37771

Achromatopsia

#555555

CSS Usage

background-color: #DC23B7;
color: #DC23B7;
border-color: #DC23B7;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF3FA
100
#F8E2F4
200
#F5C1EB
300
#EE95DC
400
#E55CCA
500
#DC23B7
600
#B01C92
700
#8D1675
800
#6E125B
900
#501143
950
#330B2B

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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