#DF12ED

#DF12ED

Color Values

HEX

#DF12ED

RGB

223, 18, 237

HSL

296,2, 85,9%, 50,0%

HSV

296,2, 92,4%, 92,9%

CMYK

5,9%, 92,4%, 0,0%, 7,1%

OKLCH

0,6459 0,2961 325,0

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#DF12ED

#20ED12

Analogous

#7212ED

#ED128D

#DF12ED

Triadic

#DF12ED

#EDDF12

#12EDDF

Split Complementary

#DF12ED

#8DED12

#12ED72

Tetradic

#DF12ED

#ED7212

#20ED12

#128DED

Color Blindness Simulation

Original

#DF12ED

Protanopia

#8684B8

Deuteranopia

#92A2AB

Tritanopia

#D58E85

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FA
200
#F6BDFA
300
#F08DF6
400
#E750F2
500
#DF12ED
600
#B30EBE
700
#8F0C98
800
#700977
900
#510B56
950
#330736

Contrast Checker

Text on white

3,86:1

AA Fail AAA Fail

Text on black

5,45:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026