#D5F6FE

#D5F6FE

Color Values

HEX

#D5F6FE

RGB

213, 246, 254

HSL

191.7, 95.3%, 91.6%

HSV

191.7, 16.1%, 99.6%

CMYK

16.1%, 3.1%, 0.0%, 0.4%

OKLCH

0.952 0.0359 214.0

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#D5F6FE

#FEDDD5

Analogous

#D5FEF2

#D5E2FE

#D5F6FE

Triadic

#D5F6FE

#FED5F6

#F6FED5

Split Complementary

#D5F6FE

#FED5E2

#FEF2D5

Tetradic

#D5F6FE

#F2D5FE

#FEDDD5

#E2FED5

Color Blindness Simulation

Original

#D5F6FE

Protanopia

#E3E4FC

Deuteranopia

#E1DFFC

Tritanopia

#D7FBFA

Achromatopsia

#F0F0F0

CSS Usage

background-color: #D5F6FE;
color: #D5F6FE;
border-color: #D5F6FE;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F1FBFE
100
#DFF6FC
200
#B9F0FD
300
#87E5FC
400
#47D7FB
500
#06CAF9
600
#05A1C7
700
#04819F
800
#03657D
900
#074A5A
950
#042F39

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.44:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026