#DF05FA

#DF05FA

Color Values

HEX

#DF05FA

RGB

223, 5, 250

HSL

293,4, 96,1%, 50,0%

HSV

293,4, 98,0%, 98,0%

CMYK

10,8%, 98,0%, 0,0%, 2,0%

OKLCH

0,6519 0,3079 322,2

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#DF05FA

#20FA05

Analogous

#6505FA

#FA059A

#DF05FA

Triadic

#DF05FA

#FADF05

#05FADF

Split Complementary

#DF05FA

#9AFA05

#05FA65

Tetradic

#DF05FA

#FA6505

#20FA05

#059AFA

Color Blindness Simulation

Original

#DF05FA

Protanopia

#817FBF

Deuteranopia

#8D9EB0

Tritanopia

#D49086

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F9DFFC
200
#F6B9FE
300
#F087FD
400
#E746FB
500
#DF05FA
600
#B204C8
700
#8F03A0
800
#70027D
900
#51075A
950
#330439

Contrast Checker

Text on white

3,79:1

AA Fail AAA Fail

Text on black

5,54:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026