#DF3FE6

#DF3FE6

Color Values

HEX

#DF3FE6

RGB

223, 63, 230

HSL

297.5, 77.0%, 57.5%

HSV

297.5, 72.6%, 90.2%

CMYK

3.0%, 72.6%, 0.0%, 9.8%

OKLCH

0.6641 0.2619 326.2

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#DF3FE6

#46E63F

Analogous

#8C3FE6

#E63F9A

#DF3FE6

Triadic

#DF3FE6

#E6DF3F

#3FE6DF

Split Complementary

#DF3FE6

#9AE63F

#3FE68C

Tetradic

#DF3FE6

#E68C3F

#46E63F

#3F9AE6

Color Blindness Simulation

Original

#DF3FE6

Protanopia

#9A98BE

Deuteranopia

#A3AFB4

Tritanopia

#D79E97

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F4C0F7
300
#ED93F1
400
#E358E9
500
#D91DE2
600
#AE17B5
700
#8B1390
800
#6D0F71
900
#4F0F52
950
#320934

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026