#DAF5EB

#DAF5EB

Color Values

HEX

#DAF5EB

RGB

218, 245, 235

HSL

157.8, 57.4%, 90.8%

HSV

157.8, 11.0%, 96.1%

CMYK

11.0%, 0.0%, 4.1%, 3.9%

OKLCH

0.9478 0.0312 171.4

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DAF5EB

#F5DAE4

Analogous

#DAF5DE

#DAF2F5

#DAF5EB

Triadic

#DAF5EB

#EBDAF5

#F5EBDA

Split Complementary

#DAF5EB

#F5DAF2

#F5DEDA

Tetradic

#DAF5EB

#DEDAF5

#F5DAE4

#F2F5DA

Color Blindness Simulation

Original

#DAF5EB

Protanopia

#E6E6ED

Deuteranopia

#E4E2EE

Tritanopia

#DBEFF0

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6EF
200
#C7F0E1
300
#9FE5CB
400
#6AD7AF
500
#36C993
600
#2BA175
700
#23805E
800
#1B6449
900
#174937
950
#0F2E23

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026