#EAF4EC

#EAF4EC

Color Values

HEX

#EAF4EC

RGB

234, 244, 236

HSL

132.0, 31.3%, 93.7%

HSV

132.0, 4.1%, 95.7%

CMYK

4.1%, 0.0%, 3.3%, 4.3%

OKLCH

0.9574 0.015 151.8

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#EAF4EC

#F4EAF2

Analogous

#EDF4EA

#EAF4F1

#EAF4EC

Triadic

#EAF4EC

#ECEAF4

#F4ECEA

Split Complementary

#EAF4EC

#F1EAF4

#F4EAED

Tetradic

#EAF4EC

#EAEDF4

#F4EAF2

#F4F1EA

Color Blindness Simulation

Original

#EAF4EC

Protanopia

#EEEEEE

Deuteranopia

#EEEDEE

Tritanopia

#EAEFF0

Achromatopsia

#F1F1F1

CSS Usage

background-color: #EAF4EC;
color: #EAF4EC;
border-color: #EAF4EC;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F5F9F6
100
#E8F2EA
200
#D0E6D5
300
#AFD5B6
400
#83BE8F
500
#58A768
600
#468653
700
#386B42
800
#2C5434
900
#233E28
950
#162719

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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