#E2F8F2

#E2F8F2

Color Values

HEX

#E2F8F2

RGB

226, 248, 242

HSL

163.6, 61.1%, 92.9%

HSV

163.6, 8.9%, 97.3%

CMYK

8.9%, 0.0%, 2.4%, 2.7%

OKLCH

0.9614 0.0244 177.6

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#E2F8F2

#F8E2E8

Analogous

#E2F8E7

#E2F3F8

#E2F8F2

Triadic

#E2F8F2

#F2E2F8

#F8F2E2

Split Complementary

#E2F8F2

#F8E2F3

#F8E7E2

Tetradic

#E2F8F2

#E7E2F8

#F8E2E8

#F3F8E2

Color Blindness Simulation

Original

#E2F8F2

Protanopia

#ECECF3

Deuteranopia

#EAE9F4

Tritanopia

#E3F5F5

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F6F1
200
#C5F1E5
300
#9CE7D3
400
#67DABB
500
#32CDA3
600
#28A482
700
#208368
800
#196751
900
#164B3D
950
#0E2F26

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

18.94:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026