#DAD7F5

#DAD7F5

Color Values

HEX

#DAD7F5

RGB

218, 215, 245

HSL

246.0, 60.0%, 90.2%

HSV

246.0, 12.2%, 96.1%

CMYK

11.0%, 12.2%, 0.0%, 3.9%

OKLCH

0.8908 0.041 290.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DAD7F5

#F2F5D7

Analogous

#D7E3F5

#E9D7F5

#DAD7F5

Triadic

#DAD7F5

#F5DAD7

#D7F5DA

Split Complementary

#DAD7F5

#F5E9D7

#E3F5D7

Tetradic

#DAD7F5

#F5D7E3

#F2F5D7

#D7F5E9

Color Blindness Simulation

Original

#DAD7F5

Protanopia

#D9D9EE

Deuteranopia

#D9D9EC

Tritanopia

#DAE8E7

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E6E4F6
200
#CAC6F1
300
#A49DE7
400
#7368D9
500
#4233CC
600
#3529A3
700
#2A2183
800
#211A66
900
#1C164B
950
#110E2F

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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