#DF4FF3

#DF4FF3

Color Values

HEX

#DF4FF3

RGB

223, 79, 243

HSL

292.7, 87.2%, 63.1%

HSV

292.7, 67.5%, 95.3%

CMYK

8.2%, 67.5%, 0.0%, 4.7%

OKLCH

0.6852 0.2547 322.6

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#DF4FF3

#63F34F

Analogous

#8D4FF3

#F34FB5

#DF4FF3

Triadic

#DF4FF3

#F3DF4F

#4FF3DF

Split Complementary

#DF4FF3

#B5F34F

#4FF38D

Tetradic

#DF4FF3

#F38D4F

#63F34F

#4FB5F3

Color Blindness Simulation

Original

#DF4FF3

Protanopia

#A19FCB

Deuteranopia

#A9B4C2

Tritanopia

#D8ACA5

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F7E0FA
200
#F3BCFA
300
#EA8CF7
400
#DF4EF3
500
#D410EF
600
#A90DBF
700
#870A99
800
#6A0877
900
#4D0A56
950
#310737

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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