#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026