#DF9EE6

#DF9EE6

Color Values

HEX

#DF9EE6

RGB

223, 158, 230

HSL

294.2, 59.0%, 76.1%

HSV

294.2, 31.3%, 90.2%

CMYK

3.0%, 31.3%, 0.0%, 9.8%

OKLCH

0.7854 0.1218 323.3

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#DF9EE6

#A5E69E

Analogous

#BB9EE6

#E69EC9

#DF9EE6

Triadic

#DF9EE6

#E6DF9E

#9EE6DF

Split Complementary

#DF9EE6

#C9E69E

#9EE6BB

Tetradic

#DF9EE6

#E6BB9E

#A5E69E

#9EC9E6

Color Blindness Simulation

Original

#DF9EE6

Protanopia

#C3C2D5

Deuteranopia

#C7CCD0

Tritanopia

#DCC7C4

Achromatopsia

#B1B1B1

CSS Usage

background-color: #DF9EE6;
color: #DF9EE6;
border-color: #DF9EE6;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF4FB
100
#F4E4F6
200
#ECC6F0
300
#DF9EE6
400
#CE69D8
500
#BC34CB
600
#972AA2
700
#782182
800
#5E1A65
900
#45174A
950
#2C0E2F

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.17:1

AA Pass AAA Pass

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