#DFBCFB

#DFBCFB

Color Values

HEX

#DFBCFB

RGB

223, 188, 251

HSL

273,3, 88,7%, 86,1%

HSV

273,3, 25,1%, 98,4%

CMYK

11,2%, 25,1%, 0,0%, 1,6%

OKLCH

0,8462 0,0936 309,6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DFBCFB

#D8FBBC

Analogous

#C0BCFB

#FBBCF8

#DFBCFB

Triadic

#DFBCFB

#FBDFBC

#BCFBDF

Split Complementary

#DFBCFB

#F8FBBC

#BCFBC0

Tetradic

#DFBCFB

#FBC0BC

#D8FBBC

#BCF8FB

Color Blindness Simulation

Original

#DFBCFB

Protanopia

#D0D0EC

Deuteranopia

#D2D4E8

Tritanopia

#DDE0DD

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE0FB
200
#DFBCFB
300
#C88CF8
400
#AA4DF4
500
#8C0EF1
600
#700CC0
700
#5A099A
800
#460778
900
#350A57
950
#210637

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026