#DC0FD9

#DC0FD9

Color Values

HEX

#DC0FD9

RGB

220, 15, 217

HSL

300.9, 87.2%, 46.1%

HSV

300.9, 93.2%, 86.3%

CMYK

0.0%, 93.2%, 1.4%, 13.7%

OKLCH

0.6285 0.2829 329.1

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DC0FD9

#0FDC12

Analogous

#790FDC

#DC0F72

#DC0FD9

Triadic

#DC0FD9

#D9DC0F

#0FD9DC

Split Complementary

#DC0FD9

#72DC0F

#0FDC79

Tetradic

#DC0FD9

#DC790F

#0FDC12

#0F72DC

Color Blindness Simulation

Original

#DC0FD9

Protanopia

#8381A8

Deuteranopia

#8F9E9C

Tritanopia

#D28179

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCF9
300
#F78CF6
400
#F34EF0
500
#EF10EB
600
#BF0DBC
700
#990A97
800
#770876
900
#560A55
950
#370736

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