#D5F3FE

#D5F3FE

Color Values

HEX

#D5F3FE

RGB

213, 243, 254

HSL

196.1, 95.3%, 91.6%

HSV

196.1, 16.1%, 99.6%

CMYK

16.1%, 4.3%, 0.0%, 0.4%

OKLCH

0.9459 0.0347 221.9

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#D5F3FE

#FEE0D5

Analogous

#D5FEF5

#D5DFFE

#D5F3FE

Triadic

#D5F3FE

#FED5F3

#F3FED5

Split Complementary

#D5F3FE

#FED5DF

#FEF5D5

Tetradic

#D5F3FE

#F5D5FE

#FEE0D5

#DFFED5

Color Blindness Simulation

Original

#D5F3FE

Protanopia

#E2E2FB

Deuteranopia

#E0DEFB

Tritanopia

#D6F9F9

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF4FC
200
#B9EBFD
300
#87DDFC
400
#47CAFB
500
#06B8F9
600
#0593C7
700
#04769F
800
#035C7D
900
#07445A
950
#042B39

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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