#DF73EC

#DF73EC

Color Values

HEX

#DF73EC

RGB

223, 115, 236

HSL

293.6, 76.1%, 68.8%

HSV

293.6, 51.3%, 92.5%

CMYK

5.5%, 51.3%, 0.0%, 7.5%

OKLCH

0.7227 0.1994 323.2

Properties

Cool Light Nearest: orchid 2

Color Harmonies

Complementary

#DF73EC

#80EC73

Analogous

#A373EC

#EC73BC

#DF73EC

Triadic

#DF73EC

#ECDF73

#73ECDF

Split Complementary

#DF73EC

#BCEC73

#73ECA3

Tetradic

#DF73EC

#ECA373

#80EC73

#73BCEC

Color Blindness Simulation

Original

#DF73EC

Protanopia

#B0AFCF

Deuteranopia

#B6BFC8

Tritanopia

#DAB8B3

Achromatopsia

#939393

CSS Usage

background-color: #DF73EC;
color: #DF73EC;
border-color: #DF73EC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF2FC
100
#F6E2F9
200
#F1C0F6
300
#E693F0
400
#D959E8
500
#CC1EE1
600
#A318B4
700
#821490
800
#660F70
900
#4B0F52
950
#2F0A34

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026