#EAFDF7

#EAFDF7

Color Values

HEX

#EAFDF7

RGB

234, 253, 247

HSL

161.1, 82.6%, 95.5%

HSV

161.1, 7.5%, 99.2%

CMYK

7.5%, 0.0%, 2.4%, 0.8%

OKLCH

0.9784 0.0214 175.0

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#EAFDF7

#FDEAF0

Analogous

#EAFDEE

#EAF9FD

#EAFDF7

Triadic

#EAFDF7

#F7EAFD

#FDF7EA

Split Complementary

#EAFDF7

#FDEAF9

#FDEEEA

Tetradic

#EAFDF7

#EEEAFD

#FDEAF0

#F9FDEA

Color Blindness Simulation

Original

#EAFDF7

Protanopia

#F2F2F8

Deuteranopia

#F1F0F9

Tritanopia

#EBFAFA

Achromatopsia

#F9F9F9

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E1FAF2
200
#BEF9E6
300
#8FF4D5
400
#53EFBD
500
#16E9A6
600
#12BA85
700
#0E956B
800
#0B7453
900
#0C543E
950
#083527

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

19.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026