#DC23C7

#DC23C7

Color Values

HEX

#DC23C7

RGB

220, 35, 199

HSL

306.8, 72.5%, 50.0%

HSV

306.8, 84.1%, 86.3%

CMYK

0.0%, 84.1%, 9.5%, 13.7%

OKLCH

0.6252 0.2621 333.8

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DC23C7

#23DC38

Analogous

#9423DC

#DC236B

#DC23C7

Triadic

#DC23C7

#C7DC23

#23C7DC

Split Complementary

#DC23C7

#6BDC23

#23DC94

Tetradic

#DC23C7

#DC9423

#23DC38

#236BDC

Color Blindness Simulation

Original

#DC23C7

Protanopia

#8C8A9F

Deuteranopia

#97A496

Tritanopia

#D38079

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C1EF
300
#EE95E4
400
#E55CD6
500
#DC23C7
600
#B01C9F
700
#8D167F
800
#6E1263
900
#501149
950
#330B2E

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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