#DAD6FC

#DAD6FC

Color Values

HEX

#DAD6FC

RGB

218, 214, 252

HSL

246.3, 86.4%, 91.4%

HSV

246.3, 15.1%, 98.8%

CMYK

13.5%, 15.1%, 0.0%, 1.2%

OKLCH

0.8912 0.052 290.1

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DAD6FC

#F8FCD6

Analogous

#D6E5FC

#EDD6FC

#DAD6FC

Triadic

#DAD6FC

#FCDAD6

#D6FCDA

Split Complementary

#DAD6FC

#FCEDD6

#E5FCD6

Tetradic

#DAD6FC

#FCD6E5

#F8FCD6

#D6FCED

Color Blindness Simulation

Original

#DAD6FC

Protanopia

#D8D8F3

Deuteranopia

#D8D9F1

Tritanopia

#DAECEA

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C3BCFA
300
#988DF7
400
#604FF2
500
#2811EE
600
#200EBE
700
#1A0B98
800
#140977
900
#130B56
950
#0C0736

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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