#DAFFDE

#DAFFDE

Color Values

HEX

#DAFFDE

RGB

218, 255, 222

HSL

126.5, 100.0%, 92.7%

HSV

126.5, 14.5%, 100.0%

CMYK

14.5%, 0.0%, 12.9%, 0.0%

OKLCH

0.965 0.0581 148.1

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DAFFDE

#FFDAFB

Analogous

#E8FFDA

#DAFFF0

#DAFFDE

Triadic

#DAFFDE

#DEDAFF

#FFDEDA

Split Complementary

#DAFFDE

#F0DAFF

#FFDAE8

Tetradic

#DAFFDE

#DAE8FF

#FFDAFB

#FFF0DA

Color Blindness Simulation

Original

#DAFFDE

Protanopia

#EAEAE6

Deuteranopia

#E8E5E8

Tritanopia

#DCECEE

Achromatopsia

#F5F5F5

CSS Usage

background-color: #DAFFDE;
color: #DAFFDE;
border-color: #DAFFDE;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F1FEF2
100
#DEFCE1
200
#B8FFBF
300
#85FF92
400
#42FF57
500
#00FF1C
600
#00CC16
700
#00A312
800
#00800E
900
#055C0E
950
#033A09

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