#DAFDF7

#DAFDF7

Color Values

HEX

#DAFDF7

RGB

218, 253, 247

HSL

169.7, 89.7%, 92.4%

HSV

169.7, 13.8%, 99.2%

CMYK

13.8%, 0.0%, 2.4%, 0.8%

OKLCH

0.9675 0.037 184.1

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DAFDF7

#FDDAE0

Analogous

#DAFDE6

#DAF2FD

#DAFDF7

Triadic

#DAFDF7

#F7DAFD

#FDF7DA

Split Complementary

#DAFDF7

#FDDAF2

#FDE6DA

Tetradic

#DAFDF7

#E6DAFD

#FDDAE0

#F2FDDA

Color Blindness Simulation

Original

#DAFDF7

Protanopia

#E9E9F8

Deuteranopia

#E7E4F9

Tritanopia

#DCFAFA

Achromatopsia

#F5F5F5

CSS Usage

background-color: #DAFDF7;
color: #DAFDF7;
border-color: #DAFDF7;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F2FDFB
100
#E0FBF6
200
#BBFBF0
300
#8BF9E6
400
#4CF5D8
500
#0DF2CB
600
#0BC1A2
700
#089B82
800
#077965
900
#09584A
950
#06372F

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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