#DAEFDF

#DAEFDF

Color Values

HEX

#DAEFDF

RGB

218, 239, 223

HSL

134.3, 39.6%, 89.6%

HSV

134.3, 8.8%, 93.7%

CMYK

8.8%, 0.0%, 6.7%, 6.3%

OKLCH

0.9322 0.0308 152.9

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DAEFDF

#EFDAEA

Analogous

#DFEFDA

#DAEFE9

#DAEFDF

Triadic

#DAEFDF

#DFDAEF

#EFDFDA

Split Complementary

#DAEFDF

#E9DAEF

#EFDADF

Tetradic

#DAEFDF

#DADFEF

#EFDAEA

#EFE9DA

Color Blindness Simulation

Original

#DAEFDF

Protanopia

#E3E3E3

Deuteranopia

#E2E0E4

Tritanopia

#DBE6E7

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E7F3EA
200
#CDE9D4
300
#AADAB5
400
#7BC68D
500
#4DB265
600
#3E8E51
700
#317241
800
#275933
900
#1F4227
950
#142A19

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026