#DC23C6

#DC23C6

Color Values

HEX

#DC23C6

RGB

220, 35, 198

HSL

307.1, 72.5%, 50.0%

HSV

307.1, 84.1%, 86.3%

CMYK

0.0%, 84.1%, 10.0%, 13.7%

OKLCH

0.6246 0.2615 334.1

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DC23C6

#23DC39

Analogous

#9523DC

#DC236A

#DC23C6

Triadic

#DC23C6

#C6DC23

#23C6DC

Split Complementary

#DC23C6

#6ADC23

#23DC95

Tetradic

#DC23C6

#DC9523

#23DC39

#236ADC

Color Blindness Simulation

Original

#DC23C6

Protanopia

#8C8A9F

Deuteranopia

#97A495

Tritanopia

#D37F79

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C1EF
300
#EE95E4
400
#E55CD5
500
#DC23C6
600
#B01C9E
700
#8D167F
800
#6E1263
900
#501149
950
#330B2E

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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