#DFAEFB

#DFAEFB

Color Values

HEX

#DFAEFB

RGB

223, 174, 251

HSL

278.2, 90.6%, 83.3%

HSV

278.2, 30.7%, 98.4%

CMYK

11.2%, 30.7%, 0.0%, 1.6%

OKLCH

0.8213 0.1173 312.8

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#DFAEFB

#CAFBAE

Analogous

#B8AEFB

#FBAEF0

#DFAEFB

Triadic

#DFAEFB

#FBDFAE

#AEFBDF

Split Complementary

#DFAEFB

#F0FBAE

#AEFBB8

Tetradic

#DFAEFB

#FBB8AE

#CAFBAE

#AEF0FB

Color Blindness Simulation

Original

#DFAEFB

Protanopia

#CAC9E8

Deuteranopia

#CDD0E4

Tritanopia

#DDDAD6

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E4BBFC
300
#D18AF9
400
#B84BF6
500
#9F0CF3
600
#7F0AC2
700
#66089C
800
#50067A
900
#3B0958
950
#250638

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026