#DFACF9

#DFACF9

Color Values

HEX

#DFACF9

RGB

223, 172, 249

HSL

279.7, 86.5%, 82.5%

HSV

279.7, 30.9%, 97.6%

CMYK

10.4%, 30.9%, 0.0%, 2.4%

OKLCH

0.817 0.1184 313.9

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#DFACF9

#C6F9AC

Analogous

#B8ACF9

#F9ACEC

#DFACF9

Triadic

#DFACF9

#F9DFAC

#ACF9DF

Split Complementary

#DFACF9

#ECF9AC

#ACF9B8

Tetradic

#DFACF9

#F9B8AC

#C6F9AC

#ACECF9

Color Blindness Simulation

Original

#DFACF9

Protanopia

#C9C8E6

Deuteranopia

#CCD0E2

Tritanopia

#DCD8D4

Achromatopsia

#BCBCBC

CSS Usage

background-color: #DFACF9;
color: #DFACF9;
border-color: #DFACF9;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E5BCFA
300
#D38DF7
400
#BB4FF2
500
#A311EE
600
#830EBE
700
#680B98
800
#520977
900
#3D0B56
950
#260736

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026