#D7CDDE

#D7CDDE

Color Values

HEX

#D7CDDE

RGB

215, 205, 222

HSL

275.3, 20.5%, 83.7%

HSV

275.3, 7.7%, 87.1%

CMYK

3.2%, 7.7%, 0.0%, 12.9%

OKLCH

0.8615 0.0255 311.7

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D7CDDE

#D4DECD

Analogous

#CECDDE

#DECDDC

#D7CDDE

Triadic

#D7CDDE

#DED7CD

#CDDED7

Split Complementary

#D7CDDE

#DCDECD

#CDDECE

Tetradic

#D7CDDE

#DECECD

#D4DECD

#CDDCDE

Color Blindness Simulation

Original

#D7CDDE

Protanopia

#D3D3DA

Deuteranopia

#D3D4D9

Tritanopia

#D6D7D6

Achromatopsia

#D0D0D0

CSS Usage

background-color: #D7CDDE;
color: #D7CDDE;
border-color: #D7CDDE;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DDD4E3
300
#C4B5CE
400
#A48DB4
500
#84659A
600
#6A517B
700
#554162
800
#42334D
900
#322839
950
#201924

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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