#DAF4F2

#DAF4F2

Color Values

HEX

#DAF4F2

RGB

218, 244, 242

HSL

175,4, 54,2%, 90,6%

HSV

175,4, 10,7%, 95,7%

CMYK

10,7%, 0,0%, 0,8%, 4,3%

OKLCH

0,9477 0,0273 191,1

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#DAF4F2

#F4DADC

Analogous

#DAF4E5

#DAE9F4

#DAF4F2

Triadic

#DAF4F2

#F2DAF4

#F4F2DA

Split Complementary

#DAF4F2

#F4DAE9

#F4E5DA

Tetradic

#DAF4F2

#E5DAF4

#F4DADC

#E9F4DA

Color Blindness Simulation

Original

#DAF4F2

Protanopia

#E5E5F2

Deuteranopia

#E4E2F3

Tritanopia

#DBF3F3

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EFEC
300
#A1E3DE
400
#6ED4CC
500
#3AC5BA
600
#2F9D95
700
#257E77
800
#1D625D
900
#194844
950
#102E2B

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,2:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026