#D2E6FD

#D2E6FD

Color Values

HEX

#D2E6FD

RGB

210, 230, 253

HSL

212.1, 91.5%, 90.8%

HSV

212.1, 17.0%, 99.2%

CMYK

17.0%, 9.1%, 0.0%, 0.8%

OKLCH

0.9172 0.038 251.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D2E6FD

#FDE9D2

Analogous

#D2FCFD

#D4D2FD

#D2E6FD

Triadic

#D2E6FD

#FDD2E6

#E6FDD2

Split Complementary

#D2E6FD

#FDD4D2

#FCFDD2

Tetradic

#D2E6FD

#FDD2FC

#FDE9D2

#D2FDD4

Color Blindness Simulation

Original

#D2E6FD

Protanopia

#DBDBF7

Deuteranopia

#DAD8F6

Tritanopia

#D3F3F2

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD9FC
300
#8ABEFA
400
#4A9BF7
500
#0B77F4
600
#095FC3
700
#074C9C
800
#053C7A
900
#092E58
950
#051D38

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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