#DAF7FB

#DAF7FB

Color Values

HEX

#DAF7FB

RGB

218, 247, 251

HSL

187.3, 80.5%, 92.0%

HSV

187.3, 13.1%, 98.4%

CMYK

13.1%, 1.6%, 0.0%, 1.6%

OKLCH

0.9564 0.0307 206.7

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DAF7FB

#FBDEDA

Analogous

#DAFBEF

#DAE7FB

#DAF7FB

Triadic

#DAF7FB

#FBDAF7

#F7FBDA

Split Complementary

#DAF7FB

#FBDAE7

#FBEFDA

Tetradic

#DAF7FB

#EFDAFB

#FBDEDA

#E7FBDA

Color Blindness Simulation

Original

#DAF7FB

Protanopia

#E7E7FA

Deuteranopia

#E5E3FA

Tritanopia

#DBF9F9

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F6F9
200
#BFF1F8
300
#91E7F3
400
#55DAED
500
#19CDE6
600
#14A4B8
700
#108393
800
#0C6773
900
#0D4B54
950
#082F35

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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