#EAFFF9

#EAFFF9

Color Values

HEX

#EAFFF9

RGB

234, 255, 249

HSL

162.9, 100.0%, 95.9%

HSV

162.9, 8.2%, 100.0%

CMYK

8.2%, 0.0%, 2.4%, 0.0%

OKLCH

0.983 0.0233 176.9

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#EAFFF9

#FFEAF0

Analogous

#EAFFEF

#EAFBFF

#EAFFF9

Triadic

#EAFFF9

#F9EAFF

#FFF9EA

Split Complementary

#EAFFF9

#FFEAFB

#FFEFEA

Tetradic

#EAFFF9

#EFEAFF

#FFEAF0

#FBFFEA

Color Blindness Simulation

Original

#EAFFF9

Protanopia

#F3F3FA

Deuteranopia

#F2F0FB

Tritanopia

#EBFCFC

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#F1FEFA
100
#DEFCF4
200
#B8FFEB
300
#85FFDC
400
#42FFC9
500
#00FFB6
600
#00CC92
700
#00A375
800
#00805B
900
#055C43
950
#033A2A

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

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