#DFBFFC

#DFBFFC

Color Values

HEX

#DFBFFC

RGB

223, 191, 252

HSL

271,5, 91,0%, 86,9%

HSV

271,5, 24,2%, 98,8%

CMYK

11,5%, 24,2%, 0,0%, 1,2%

OKLCH

0,852 0,0898 308,4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DFBFFC

#DCFCBF

Analogous

#C1BFFC

#FCBFFA

#DFBFFC

Triadic

#DFBFFC

#FCDFBF

#BFFCDF

Split Complementary

#DFBFFC

#FAFCBF

#BFFCC1

Tetradic

#DFBFFC

#FCC1BF

#DCFCBF

#BFFAFC

Color Blindness Simulation

Original

#DFBFFC

Protanopia

#D1D1ED

Deuteranopia

#D3D5EA

Tritanopia

#DDE2DF

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DDBBFC
300
#C58AF9
400
#A54BF7
500
#850BF4
600
#6B09C3
700
#55079C
800
#43067A
900
#320958
950
#200638

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

13,0: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