#EAFDF6

#EAFDF6

Color Values

HEX

#EAFDF6

RGB

234, 253, 246

HSL

157.9, 82.6%, 95.5%

HSV

157.9, 7.5%, 99.2%

CMYK

7.5%, 0.0%, 2.8%, 0.8%

OKLCH

0.9782 0.0219 171.8

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#EAFDF6

#FDEAF1

Analogous

#EAFDED

#EAFBFD

#EAFDF6

Triadic

#EAFDF6

#F6EAFD

#FDF6EA

Split Complementary

#EAFDF6

#FDEAFB

#FDEDEA

Tetradic

#EAFDF6

#EDEAFD

#FDEAF1

#FBFDEA

Color Blindness Simulation

Original

#EAFDF6

Protanopia

#F2F2F8

Deuteranopia

#F1F0F8

Tritanopia

#EBF9F9

Achromatopsia

#F8F8F8

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E1FAF0
200
#BEF9E3
300
#8FF4CF
400
#53EFB5
500
#16E99B
600
#12BA7C
700
#0E9563
800
#0B744E
900
#0C543A
950
#083525

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

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