#EAF6EF

#EAF6EF

Color Values

HEX

#EAF6EF

RGB

234, 246, 239

HSL

145.0, 40.0%, 94.1%

HSV

145.0, 4.9%, 96.5%

CMYK

4.9%, 0.0%, 2.8%, 3.5%

OKLCH

0.9622 0.0157 160.6

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#EAF6EF

#F6EAF1

Analogous

#EBF6EA

#EAF6F5

#EAF6EF

Triadic

#EAF6EF

#EFEAF6

#F6EFEA

Split Complementary

#EAF6EF

#F5EAF6

#F6EAEB

Tetradic

#EAF6EF

#EAEBF6

#F6EAF1

#F6F5EA

Color Blindness Simulation

Original

#EAF6EF

Protanopia

#EFEFF1

Deuteranopia

#EEEEF1

Tritanopia

#EBF2F2

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDEAD9
300
#A9DABE
400
#7BC69A
500
#4CB277
600
#3D8F5F
700
#31724C
800
#26593B
900
#1F422E
950
#142A1D

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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