#DF14E1

#DF14E1

Color Values

HEX

#DF14E1

RGB

223, 20, 225

HSL

299.4, 83.7%, 48.0%

HSV

299.4, 91.1%, 88.2%

CMYK

0.9%, 91.1%, 0.0%, 11.8%

OKLCH

0.6391 0.2875 327.8

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#DF14E1

#16E114

Analogous

#7814E1

#E1147C

#DF14E1

Triadic

#DF14E1

#E1DF14

#14E1DF

Split Complementary

#DF14E1

#7CE114

#14E178

Tetradic

#DF14E1

#E17814

#16E114

#147CE1

Color Blindness Simulation

Original

#DF14E1

Protanopia

#8785AF

Deuteranopia

#93A2A4

Tritanopia

#D58880

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BDF9
300
#F48FF5
400
#EE52F0
500
#E815EA
600
#BA11BB
700
#950D96
800
#740A75
900
#540C55
950
#350836

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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