#DADBFA

#DADBFA

Color Values

HEX

#DADBFA

RGB

218, 219, 250

HSL

238.1, 76.2%, 91.8%

HSV

238.1, 12.8%, 98.0%

CMYK

12.8%, 12.4%, 0.0%, 2.0%

OKLCH

0.9003 0.0423 284.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DADBFA

#FAF9DA

Analogous

#DAEBFA

#E9DAFA

#DADBFA

Triadic

#DADBFA

#FADADB

#DBFADA

Split Complementary

#DADBFA

#FAE9DA

#EBFADA

Tetradic

#DADBFA

#FADAEB

#FAF9DA

#DAFAE9

Color Blindness Simulation

Original

#DADBFA

Protanopia

#DADAF3

Deuteranopia

#DADAF1

Tritanopia

#DAEDEB

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C2F7
300
#9396F0
400
#595DE9
500
#1E24E1
600
#181DB4
700
#131790
800
#0F1270
900
#0F1152
950
#0A0B34

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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