#D2F1FF

#D2F1FF

Color Values

HEX

#D2F1FF

RGB

210, 241, 255

HSL

198.7, 100.0%, 91.2%

HSV

198.7, 17.6%, 100.0%

CMYK

17.6%, 5.5%, 0.0%, 0.0%

OKLCH

0.9401 0.0376 226.8

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#D2F1FF

#FFE0D2

Analogous

#D2FFF7

#D2DBFF

#D2F1FF

Triadic

#D2F1FF

#FFD2F1

#F1FFD2

Split Complementary

#D2F1FF

#FFD2DB

#FFF7D2

Tetradic

#D2F1FF

#F7D2FF

#FFE0D2

#DBFFD2

Color Blindness Simulation

Original

#D2F1FF

Protanopia

#DFE0FC

Deuteranopia

#DEDBFB

Tritanopia

#D4F9F8

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8E9FF
300
#85D9FF
400
#42C4FF
500
#00B0FF
600
#008CCC
700
#0070A3
800
#005880
900
#05415C
950
#03293A

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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