#E5F2EB

#E5F2EB

Color Values

HEX

#E5F2EB

RGB

229, 242, 235

HSL

147,7, 33,3%, 92,4%

HSV

147,7, 5,4%, 94,9%

CMYK

5,4%, 0,0%, 2,9%, 5,1%

OKLCH

0,9495 0,0166 162,7

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#E5F2EB

#F2E5EC

Analogous

#E6F2E5

#E5F2F2

#E5F2EB

Triadic

#E5F2EB

#EBE5F2

#F2EBE5

Split Complementary

#E5F2EB

#F2E5F2

#F2E5E6

Tetradic

#E5F2EB

#E5E6F2

#F2E5EC

#F2F2E5

Color Blindness Simulation

Original

#E5F2EB

Protanopia

#EBEBED

Deuteranopia

#EAE9ED

Tritanopia

#E6EEEE

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE7DA
300
#ADD6C0
400
#81C09E
500
#55AA7C
600
#448863
700
#366D50
800
#2B553E
900
#223F2F
950
#15281E

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,23:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026