#D2DEF2

#D2DEF2

Color Values

HEX

#D2DEF2

RGB

210, 222, 242

HSL

217.5, 55.2%, 88.6%

HSV

217.5, 13.2%, 94.9%

CMYK

13.2%, 8.3%, 0.0%, 5.1%

OKLCH

0.8976 0.0304 260.7

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D2DEF2

#F2E6D2

Analogous

#D2EEF2

#D6D2F2

#D2DEF2

Triadic

#D2DEF2

#F2D2DE

#DEF2D2

Split Complementary

#D2DEF2

#F2D6D2

#EEF2D2

Tetradic

#D2DEF2

#F2D2EE

#F2E6D2

#D2F2D6

Color Blindness Simulation

Original

#D2DEF2

Protanopia

#D7D7ED

Deuteranopia

#D6D6EC

Tritanopia

#D3E9E8

Achromatopsia

#DDDDDD

CSS Usage

background-color: #D2DEF2;
color: #D2DEF2;
border-color: #D2DEF2;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F4F6FB
100
#E5EBF6
200
#C8D6EF
300
#A0B9E4
400
#6D94D5
500
#396EC6
600
#2E589E
700
#25467F
800
#1D3763
900
#182A49
950
#0F1B2E

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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