#D2CDEE

#D2CDEE

Color Values

HEX

#D2CDEE

RGB

210, 205, 238

HSL

249,1, 49,3%, 86,9%

HSV

249,1, 13,9%, 93,3%

CMYK

11,8%, 13,9%, 0,0%, 6,7%

OKLCH

0,8627 0,0456 292,4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D2CDEE

#E9EECD

Analogous

#CDD9EE

#E3CDEE

#D2CDEE

Triadic

#D2CDEE

#EED2CD

#CDEED2

Split Complementary

#D2CDEE

#EEE3CD

#D9EECD

Tetradic

#D2CDEE

#EECDD9

#E9EECD

#CDEEE3

Color Blindness Simulation

Original

#D2CDEE

Protanopia

#D0D0E6

Deuteranopia

#D0D0E4

Tritanopia

#D2E0DE

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E6F5
200
#CFCAED
300
#ADA4E0
400
#8072CF
500
#5441BE
600
#433498
700
#36297A
800
#2A205F
900
#211B46
950
#15112C

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,71: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