#EAF8EC

#EAF8EC

Color Values

HEX

#EAF8EC

RGB

234, 248, 236

HSL

128.6, 50.0%, 94.5%

HSV

128.6, 5.6%, 97.3%

CMYK

5.6%, 0.0%, 4.8%, 2.7%

OKLCH

0.9654 0.0216 149.7

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#EAF8EC

#F8EAF6

Analogous

#EFF8EA

#EAF8F3

#EAF8EC

Triadic

#EAF8EC

#ECEAF8

#F8ECEA

Split Complementary

#EAF8EC

#F3EAF8

#F8EAEF

Tetradic

#EAF8EC

#EAEFF8

#F8EAF6

#F8F3EA

Color Blindness Simulation

Original

#EAF8EC

Protanopia

#F0F0EF

Deuteranopia

#EFEEF0

Tritanopia

#EBF1F2

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E6F5E8
200
#C9EDCF
300
#A3E0AC
400
#71D07F
500
#40BF52
600
#339942
700
#297A34
800
#206029
900
#1B4621
950
#112C15

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026