#DC23BA

#DC23BA

Color Values

HEX

#DC23BA

RGB

220, 35, 186

HSL

311,0, 72,5%, 50,0%

HSV

311,0, 84,1%, 86,3%

CMYK

0,0%, 84,1%, 15,5%, 13,7%

OKLCH

0,6184 0,2539 337,6

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#DC23BA

#23DC45

Analogous

#A123DC

#DC235E

#DC23BA

Triadic

#DC23BA

#BADC23

#23BADC

Split Complementary

#DC23BA

#5EDC23

#23DCA1

Tetradic

#DC23BA

#DCA123

#23DC45

#235EDC

Color Blindness Simulation

Original

#DC23BA

Protanopia

#8C8A96

Deuteranopia

#97A48D

Tritanopia

#D37972

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F8E2F4
200
#F5C1EC
300
#EE95DE
400
#E55CCC
500
#DC23BA
600
#B01C95
700
#8D1677
800
#6E125D
900
#501144
950
#330B2B

Contrast Checker

Text on white

4,21:1

AA Fail AAA Fail

Text on black

4,99: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