#DAF4F7

#DAF4F7

Color Values

HEX

#DAF4F7

RGB

218, 244, 247

HSL

186.2, 64.4%, 91.2%

HSV

186.2, 11.7%, 96.9%

CMYK

11.7%, 1.2%, 0.0%, 3.1%

OKLCH

0.9492 0.0275 205.1

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#DAF4F7

#F7DDDA

Analogous

#DAF7EC

#DAE6F7

#DAF4F7

Triadic

#DAF4F7

#F7DAF4

#F4F7DA

Split Complementary

#DAF4F7

#F7DAE6

#F7ECDA

Tetradic

#DAF4F7

#ECDAF7

#F7DDDA

#E6F7DA

Color Blindness Simulation

Original

#DAF4F7

Protanopia

#E5E5F6

Deuteranopia

#E4E2F6

Tritanopia

#DBF6F6

Achromatopsia

#EFEFEF

CSS Usage

background-color: #DAF4F7;
color: #DAF4F7;
border-color: #DAF4F7;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EEF2
300
#9AE1E9
400
#64D1DD
500
#2DC1D2
600
#249AA8
700
#1D7B86
800
#176069
900
#14474D
950
#0D2D30

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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