#DAFBF2

#DAFBF2

Color Values

HEX

#DAFBF2

RGB

218, 251, 242

HSL

163.6, 80.5%, 92.0%

HSV

163.6, 13.1%, 98.4%

CMYK

13.1%, 0.0%, 3.6%, 1.6%

OKLCH

0.962 0.0362 177.3

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DAFBF2

#FBDAE3

Analogous

#DAFBE2

#DAF4FB

#DAFBF2

Triadic

#DAFBF2

#F2DAFB

#FBF2DA

Split Complementary

#DAFBF2

#FBDAF4

#FBE2DA

Tetradic

#DAFBF2

#E2DAFB

#FBDAE3

#F4FBDA

Color Blindness Simulation

Original

#DAFBF2

Protanopia

#E8E9F4

Deuteranopia

#E6E4F5

Tritanopia

#DCF6F6

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E1F9F3
200
#BFF8E8
300
#91F3D8
400
#55EDC3
500
#19E6AE
600
#14B88B
700
#10936F
800
#0C7357
900
#0D5440
950
#083529

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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