#DF3FE6

#DF3FE6

Color Values

HEX

#DF3FE6

RGB

223, 63, 230

HSL

297,5, 77,0%, 57,5%

HSV

297,5, 72,6%, 90,2%

CMYK

3,0%, 72,6%, 0,0%, 9,8%

OKLCH

0,6641 0,2619 326,2

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#DF3FE6

#46E63F

Analogous

#8C3FE6

#E63F9A

#DF3FE6

Triadic

#DF3FE6

#E6DF3F

#3FE6DF

Split Complementary

#DF3FE6

#9AE63F

#3FE68C

Tetradic

#DF3FE6

#E68C3F

#46E63F

#3F9AE6

Color Blindness Simulation

Original

#DF3FE6

Protanopia

#9A98BE

Deuteranopia

#A3AFB4

Tritanopia

#D79E97

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F4C0F7
300
#ED93F1
400
#E358E9
500
#D91DE2
600
#AE17B5
700
#8B1390
800
#6D0F71
900
#4F0F52
950
#320934

Contrast Checker

Text on white

3,51:1

AA Fail AAA Fail

Text on black

5,99:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026