#D3F1FE

#D3F1FE

Color Values

HEX

#D3F1FE

RGB

211, 241, 254

HSL

198.1, 95.6%, 91.2%

HSV

198.1, 16.9%, 99.6%

CMYK

16.9%, 5.1%, 0.0%, 0.4%

OKLCH

0.9405 0.036 225.8

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#D3F1FE

#FEE0D3

Analogous

#D3FEF6

#D3DCFE

#D3F1FE

Triadic

#D3F1FE

#FED3F1

#F1FED3

Split Complementary

#D3F1FE

#FED3DC

#FEF6D3

Tetradic

#D3F1FE

#F6D3FE

#FEE0D3

#DCFED3

Color Blindness Simulation

Original

#D3F1FE

Protanopia

#E0E0FB

Deuteranopia

#DEDCFA

Tritanopia

#D4F8F8

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF3FC
200
#B9E9FD
300
#87D9FC
400
#46C4FB
500
#06B0F9
600
#048DC8
700
#0471A0
800
#03587D
900
#07415A
950
#042939

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.78:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026