#D2DCEE

#D2DCEE

Color Values

HEX

#D2DCEE

RGB

210, 220, 238

HSL

218.6, 45.2%, 87.8%

HSV

218.6, 11.8%, 93.3%

CMYK

11.8%, 7.6%, 0.0%, 6.7%

OKLCH

0.8923 0.027 262.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D2DCEE

#EEE4D2

Analogous

#D2EAEE

#D6D2EE

#D2DCEE

Triadic

#D2DCEE

#EED2DC

#DCEED2

Split Complementary

#D2DCEE

#EED6D2

#EAEED2

Tetradic

#D2DCEE

#EED2EA

#EEE4D2

#D2EED6

Color Blindness Simulation

Original

#D2DCEE

Protanopia

#D6D6EA

Deuteranopia

#D6D5E9

Tritanopia

#D2E6E5

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CBD7EB
300
#A6BADD
400
#7694CB
500
#466FB9
600
#385994
700
#2D4776
800
#23375D
900
#1D2B44
950
#121B2B

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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