#DAFDF4

#DAFDF4

Color Values

HEX

#DAFDF4

RGB

218, 253, 244

HSL

164.6, 89.7%, 92.4%

HSV

164.6, 13.8%, 99.2%

CMYK

13.8%, 0.0%, 3.6%, 0.8%

OKLCH

0.9667 0.038 178.2

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DAFDF4

#FDDAE3

Analogous

#DAFDE3

#DAF5FD

#DAFDF4

Triadic

#DAFDF4

#F4DAFD

#FDF4DA

Split Complementary

#DAFDF4

#FDDAF5

#FDE3DA

Tetradic

#DAFDF4

#E3DAFD

#FDDAE3

#F5FDDA

Color Blindness Simulation

Original

#DAFDF4

Protanopia

#E9E9F6

Deuteranopia

#E7E4F7

Tritanopia

#DCF8F8

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E0FBF4
200
#BBFBEB
300
#8BF9DD
400
#4CF5CA
500
#0DF2B7
600
#0BC193
700
#089B75
800
#07795C
900
#095843
950
#06372B

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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