#D1D0EB

#D1D0EB

Color Values

HEX

#D1D0EB

RGB

209, 208, 235

HSL

242.2, 40.3%, 86.9%

HSV

242.2, 11.5%, 92.2%

CMYK

11.1%, 11.5%, 0.0%, 7.8%

OKLCH

0.8668 0.0371 287.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D1D0EB

#EAEBD0

Analogous

#D0DDEB

#DFD0EB

#D1D0EB

Triadic

#D1D0EB

#EBD1D0

#D0EBD1

Split Complementary

#D1D0EB

#EBDFD0

#DDEBD0

Tetradic

#D1D0EB

#EBD0DD

#EAEBD0

#D0EBDF

Color Blindness Simulation

Original

#D1D0EB

Protanopia

#D1D1E4

Deuteranopia

#D1D1E3

Tritanopia

#D1DFDE

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECDEA
300
#ABA9DA
400
#7D7BC7
500
#504CB3
600
#403D8F
700
#333172
800
#282659
900
#201F42
950
#14142A

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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