#DCDAF3

#DCDAF3

Color Values

HEX

#DCDAF3

RGB

220, 218, 243

HSL

244.8, 51.0%, 90.4%

HSV

244.8, 10.3%, 95.3%

CMYK

9.5%, 10.3%, 0.0%, 4.7%

OKLCH

0.8976 0.034 289.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DCDAF3

#F1F3DA

Analogous

#DAE5F3

#E9DAF3

#DCDAF3

Triadic

#DCDAF3

#F3DCDA

#DAF3DC

Split Complementary

#DCDAF3

#F3E9DA

#E5F3DA

Tetradic

#DCDAF3

#F3DAE5

#F1F3DA

#DAF3E9

Color Blindness Simulation

Original

#DCDAF3

Protanopia

#DBDBED

Deuteranopia

#DBDBEC

Tritanopia

#DCE8E7

Achromatopsia

#DCDCDC

CSS Usage

background-color: #DCDAF3;
color: #DCDAF3;
border-color: #DCDAF3;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CCC9EE
300
#A8A3E1
400
#7871D1
500
#493EC1
600
#3A329A
700
#2F287B
800
#241F60
900
#1E1A47
950
#13112D

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.37:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026