#DBCDF8

#DBCDF8

Color Values

HEX

#DBCDF8

RGB

219, 205, 248

HSL

259.5, 75.4%, 88.8%

HSV

259.5, 17.3%, 97.3%

CMYK

11.7%, 17.3%, 0.0%, 2.7%

OKLCH

0.8734 0.0604 300.0

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DBCDF8

#EAF8CD

Analogous

#CDD4F8

#F0CDF8

#DBCDF8

Triadic

#DBCDF8

#F8DBCD

#CDF8DB

Split Complementary

#DBCDF8

#F8F0CD

#D4F8CD

Tetradic

#DBCDF8

#F8CDD4

#EAF8CD

#CDF8F0

Color Blindness Simulation

Original

#DBCDF8

Protanopia

#D5D5EE

Deuteranopia

#D6D7EB

Tritanopia

#DAE5E4

Achromatopsia

#D3D3D3

CSS Usage

background-color: #DBCDF8;
color: #DBCDF8;
border-color: #DBCDF8;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F2FC
100
#E9E2F9
200
#D2C0F6
300
#B294F0
400
#885AE8
500
#5E1FE0
600
#4B19B3
700
#3C148F
800
#2F1070
900
#251051
950
#170A33

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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