#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026