#DF8FD9

#DF8FD9

Color Values

HEX

#DF8FD9

RGB

223, 143, 217

HSL

304,5, 55,6%, 71,8%

HSV

304,5, 35,9%, 87,5%

CMYK

0,0%, 35,9%, 2,7%, 12,5%

OKLCH

0,7555 0,1352 329,5

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#DF8FD9

#8FDF95

Analogous

#BD8FDF

#DF8FB1

#DF8FD9

Triadic

#DF8FD9

#D9DF8F

#8FD9DF

Split Complementary

#DF8FD9

#B1DF8F

#8FDFBD

Tetradic

#DF8FD9

#DFBD8F

#8FDF95

#8FB1DF

Color Blindness Simulation

Original

#DF8FD9

Protanopia

#BCBCC7

Deuteranopia

#C1C7C3

Tritanopia

#DBB9B6

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F6E5F4
200
#EFC7EC
300
#E4A0DF
400
#D56CCD
500
#C639BC
600
#9F2D96
700
#7F2478
800
#631C5E
900
#491845
950
#2E0F2C

Contrast Checker

Text on white

2,32:1

AA Fail AAA Fail

Text on black

9,07:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

فبراير 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026