#DFB1FC

#DFB1FC

Color Values

HEX

#DFB1FC

RGB

223, 177, 252

HSL

276,8, 92,6%, 84,1%

HSV

276,8, 29,8%, 98,8%

CMYK

11,5%, 29,8%, 0,0%, 1,2%

OKLCH

0,827 0,1134 311,9

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#DFB1FC

#CEFCB1

Analogous

#B9B1FC

#FCB1F3

#DFB1FC

Triadic

#DFB1FC

#FCDFB1

#B1FCDF

Split Complementary

#DFB1FC

#F3FCB1

#B1FCB9

Tetradic

#DFB1FC

#FCB9B1

#CEFCB1

#B1F3FC

Color Blindness Simulation

Original

#DFB1FC

Protanopia

#CBCBEA

Deuteranopia

#CED1E5

Tritanopia

#DDDCD8

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E3BAFC
300
#CF89FA
400
#B449F8
500
#9A09F6
600
#7B08C4
700
#63069D
800
#4D057B
900
#3A0859
950
#240538

Contrast Checker

Text on white

1,77:1

AA Fail AAA Fail

Text on black

11,83: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