#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026