#DBBDF3

#DBBDF3

Color Values

HEX

#DBBDF3

RGB

219, 189, 243

HSL

273.3, 69.2%, 84.7%

HSV

273.3, 22.2%, 95.3%

CMYK

9.9%, 22.2%, 0.0%, 4.7%

OKLCH

0.8415 0.0805 309.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DBBDF3

#D5F3BD

Analogous

#C0BDF3

#F3BDF0

#DBBDF3

Triadic

#DBBDF3

#F3DBBD

#BDF3DB

Split Complementary

#DBBDF3

#F0F3BD

#BDF3C0

Tetradic

#DBBDF3

#F3C0BD

#D5F3BD

#BDF0F3

Color Blindness Simulation

Original

#DBBDF3

Protanopia

#CECEE6

Deuteranopia

#D0D2E3

Tritanopia

#D9DCD9

Achromatopsia

#C7C7C7

CSS Usage

background-color: #DBBDF3;
color: #DBBDF3;
border-color: #DBBDF3;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DEC3F4
300
#C697EC
400
#A85FE2
500
#8927D8
600
#6E1FAD
700
#58198A
800
#45146C
900
#34124F
950
#210C32

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.59: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