#D6F7FD

#D6F7FD

Color Values

HEX

#D6F7FD

RGB

214, 247, 253

HSL

189.2, 90.7%, 91.6%

HSV

189.2, 15.4%, 99.2%

CMYK

15.4%, 2.4%, 0.0%, 0.8%

OKLCH

0.9543 0.0352 209.8

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#D6F7FD

#FDDCD6

Analogous

#D6FDF0

#D6E4FD

#D6F7FD

Triadic

#D6F7FD

#FDD6F7

#F7FDD6

Split Complementary

#D6F7FD

#FDD6E4

#FDF0D6

Tetradic

#D6F7FD

#F0D6FD

#FDDCD6

#E4FDD6

Color Blindness Simulation

Original

#D6F7FD

Protanopia

#E4E5FC

Deuteranopia

#E2E0FB

Tritanopia

#D8FAFA

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF7FB
200
#BBF2FC
300
#8AE8F9
400
#4BDCF6
500
#0CD0F3
600
#09A6C3
700
#08859C
800
#06687A
900
#094C58
950
#063038

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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