#DAFDE2

#DAFDE2

Color Values

HEX

#DAFDE2

RGB

218, 253, 226

HSL

133.7, 89.7%, 92.4%

HSV

133.7, 13.8%, 99.2%

CMYK

13.8%, 0.0%, 10.7%, 0.8%

OKLCH

0.9618 0.051 152.2

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DAFDE2

#FDDAF5

Analogous

#E4FDDA

#DAFDF4

#DAFDE2

Triadic

#DAFDE2

#E2DAFD

#FDE2DA

Split Complementary

#DAFDE2

#F4DAFD

#FDDAE4

Tetradic

#DAFDE2

#DAE4FD

#FDDAF5

#FDF4DA

Color Blindness Simulation

Original

#DAFDE2

Protanopia

#E9E9E9

Deuteranopia

#E7E4EA

Tritanopia

#DCEEEF

Achromatopsia

#F4F4F4

CSS Usage

background-color: #DAFDE2;
color: #DAFDE2;
border-color: #DAFDE2;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F2FDF4
100
#E0FBE6
200
#BBFBCA
300
#8BF9A4
400
#4CF573
500
#0DF241
600
#0BC134
700
#089B2A
800
#077921
900
#09581B
950
#063711

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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