#DC23AE

#DC23AE

Color Values

HEX

#DC23AE

RGB

220, 35, 174

HSL

314.9, 72.5%, 50.0%

HSV

314.9, 84.1%, 86.3%

CMYK

0.0%, 84.1%, 20.9%, 13.7%

OKLCH

0.6126 0.2468 341.2

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#DC23AE

#23DC51

Analogous

#AD23DC

#DC2352

#DC23AE

Triadic

#DC23AE

#AEDC23

#23AEDC

Split Complementary

#DC23AE

#52DC23

#23DCAD

Tetradic

#DC23AE

#DCAD23

#23DC51

#2352DC

Color Blindness Simulation

Original

#DC23AE

Protanopia

#8C8A8C

Deuteranopia

#97A484

Tritanopia

#D3726C

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F8E2F3
200
#F5C1E8
300
#EE95D8
400
#E55CC3
500
#DC23AE
600
#B01C8B
700
#8D166F
800
#6E1257
900
#501140
950
#330B29

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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