#D1ECFC

#D1ECFC

Color Values

HEX

#D1ECFC

RGB

209, 236, 252

HSL

202.3, 87.8%, 90.4%

HSV

202.3, 17.1%, 98.8%

CMYK

17.1%, 6.3%, 0.0%, 1.2%

OKLCH

0.9283 0.0358 233.8

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#D1ECFC

#FCE1D1

Analogous

#D1FCF6

#D1D7FC

#D1ECFC

Triadic

#D1ECFC

#FCD1EC

#ECFCD1

Split Complementary

#D1ECFC

#FCD1D7

#FCF6D1

Tetradic

#D1ECFC

#F6D1FC

#FCE1D1

#D7FCD1

Color Blindness Simulation

Original

#D1ECFC

Protanopia

#DDDDF8

Deuteranopia

#DBD9F7

Tritanopia

#D2F5F4

Achromatopsia

#E7E7E7

CSS Usage

background-color: #D1ECFC;
color: #D1ECFC;
border-color: #D1ECFC;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F2F9FD
100
#E0F1FA
200
#BCE3FB
300
#8CD0F8
400
#4EB6F3
500
#109CEF
600
#0C7DC0
700
#0A6499
800
#084E78
900
#0A3A57
950
#062537

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.11:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026