#DC0FDA

#DC0FDA

Color Values

HEX

#DC0FDA

RGB

220, 15, 218

HSL

300,6, 87,2%, 46,1%

HSV

300,6, 93,2%, 86,3%

CMYK

0,0%, 93,2%, 0,9%, 13,7%

OKLCH

0,6291 0,2836 328,8

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DC0FDA

#0FDC11

Analogous

#780FDC

#DC0F74

#DC0FDA

Triadic

#DC0FDA

#DADC0F

#0FDADC

Split Complementary

#DC0FDA

#74DC0F

#0FDC78

Tetradic

#DC0FDA

#DC780F

#0FDC11

#0F74DC

Color Blindness Simulation

Original

#DC0FDA

Protanopia

#8381A9

Deuteranopia

#8F9E9D

Tritanopia

#D2827A

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCFA
300
#F78CF6
400
#F34EF1
500
#EF10EC
600
#BF0DBD
700
#990A97
800
#770876
900
#560A56
950
#370736

Contrast Checker

Text on white

4,1:1

AA Fail AAA Fail

Text on black

5,12:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026