#DC09DF

#DC09DF

Color Values

HEX

#DC09DF

RGB

220, 9, 223

HSL

299.2, 92.2%, 45.5%

HSV

299.2, 96.0%, 87.5%

CMYK

1.3%, 96.0%, 0.0%, 12.5%

OKLCH

0.631 0.2883 327.6

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#DC09DF

#0CDF09

Analogous

#7109DF

#DF0977

#DC09DF

Triadic

#DC09DF

#DFDC09

#09DFDC

Split Complementary

#DC09DF

#77DF09

#09DF71

Tetradic

#DC09DF

#DF7109

#0CDF09

#0977DF

Color Blindness Simulation

Original

#DC09DF

Protanopia

#817FAB

Deuteranopia

#8D9D9F

Tritanopia

#D18279

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBAFC
300
#F989FA
400
#F54AF8
500
#F20AF5
600
#C208C4
700
#9B069D
800
#79057B
900
#580859
950
#370538

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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