#DAF2E9

#DAF2E9

Color Values

HEX

#DAF2E9

RGB

218, 242, 233

HSL

157.5, 48.0%, 90.2%

HSV

157.5, 9.9%, 94.9%

CMYK

9.9%, 0.0%, 3.7%, 5.1%

OKLCH

0.9411 0.0279 171.2

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DAF2E9

#F2DAE3

Analogous

#DAF2DD

#DAEFF2

#DAF2E9

Triadic

#DAF2E9

#E9DAF2

#F2E9DA

Split Complementary

#DAF2E9

#F2DAEF

#F2DDDA

Tetradic

#DAF2E9

#DDDAF2

#F2DAE3

#EFF2DA

Color Blindness Simulation

Original

#DAF2E9

Protanopia

#E4E5EB

Deuteranopia

#E3E1EC

Tritanopia

#DBEDED

Achromatopsia

#ECECEC

CSS Usage

background-color: #DAF2E9;
color: #DAF2E9;
border-color: #DAF2E9;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CAECE0
300
#A4DFC9
400
#73CEAC
500
#42BD8F
600
#359772
700
#2A795B
800
#215E47
900
#1C4536
950
#112C22

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026