#DF02FD

#DF02FD

Color Values

HEX

#DF02FD

RGB

223, 2, 253

HSL

292,8, 98,4%, 50,0%

HSV

292,8, 99,2%, 99,2%

CMYK

11,9%, 99,2%, 0,0%, 0,8%

OKLCH

0,6534 0,3105 321,5

Properties

Cool Light Nearest: magenta

Color Harmonies

Complementary

#DF02FD

#20FD02

Analogous

#6102FD

#FD029E

#DF02FD

Triadic

#DF02FD

#FDDF02

#02FDDF

Split Complementary

#DF02FD

#9EFD02

#02FD61

Tetradic

#DF02FD

#FD6102

#20FD02

#029EFD

Color Blindness Simulation

Original

#DF02FD

Protanopia

#7F7DC0

Deuteranopia

#8C9DB2

Tritanopia

#D49086

Achromatopsia

#434343

CSS Usage

background-color: #DF02FD;
color: #DF02FD;
border-color: #DF02FD;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF1FE
100
#F8DEFC
200
#F6B8FE
300
#F086FE
400
#E744FD
500
#DF02FD
600
#B202CA
700
#8F01A2
800
#6F017E
900
#51065B
950
#33043A

Contrast Checker

Text on white

3,77:1

AA Fail AAA Fail

Text on black

5,56: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