#DADBFC

#DADBFC

Color Values

HEX

#DADBFC

RGB

218, 219, 252

HSL

238.2, 85.0%, 92.2%

HSV

238.2, 13.5%, 98.8%

CMYK

13.5%, 13.1%, 0.0%, 1.2%

OKLCH

0.901 0.045 284.1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#DADBFC

#FCFBDA

Analogous

#DAECFC

#EADAFC

#DADBFC

Triadic

#DADBFC

#FCDADB

#DBFCDA

Split Complementary

#DADBFC

#FCEADA

#ECFCDA

Tetradic

#DADBFC

#FCDAEC

#FCFBDA

#DAFCEA

Color Blindness Simulation

Original

#DADBFC

Protanopia

#DADAF4

Deuteranopia

#DADAF2

Tritanopia

#DAEEEC

Achromatopsia

#DDDDDD

CSS Usage

background-color: #DADBFC;
color: #DADBFC;
border-color: #DADBFC;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBFFA
300
#8E91F6
400
#5055F1
500
#131AEC
600
#0F15BD
700
#0C1097
800
#0A0D76
900
#0B0E56
950
#070936

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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