#DF3BE0

#DF3BE0

Color Values

HEX

#DF3BE0

RGB

223, 59, 224

HSL

299,6, 72,7%, 55,5%

HSV

299,6, 73,7%, 87,8%

CMYK

0,4%, 73,7%, 0,0%, 12,2%

OKLCH

0,6577 0,2614 327,8

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#DF3BE0

#3CE03B

Analogous

#8C3BE0

#E03B8F

#DF3BE0

Triadic

#DF3BE0

#E0DF3B

#3BE0DF

Split Complementary

#DF3BE0

#8FE03B

#3BE08C

Tetradic

#DF3BE0

#E08C3B

#3CE03B

#3B8FE0

Color Blindness Simulation

Original

#DF3BE0

Protanopia

#9897B8

Deuteranopia

#A2AEAE

Tritanopia

#D79992

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C1F5
300
#EE95EE
400
#E45CE5
500
#DB23DC
600
#AF1CB0
700
#8C168D
800
#6D116E
900
#501150
950
#320B33

Contrast Checker

Text on white

3,6:1

AA Fail AAA Fail

Text on black

5,84: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