#E7F2EC

#E7F2EC

Color Values

HEX

#E7F2EC

RGB

231, 242, 236

HSL

147.3, 29.7%, 92.7%

HSV

147.3, 4.5%, 94.9%

CMYK

4.5%, 0.0%, 2.5%, 5.1%

OKLCH

0.9512 0.0141 162.5

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#E7F2EC

#F2E7ED

Analogous

#E7F2E7

#E7F2F1

#E7F2EC

Triadic

#E7F2EC

#ECE7F2

#F2ECE7

Split Complementary

#E7F2EC

#F1E7F2

#F2E7E7

Tetradic

#E7F2EC

#E7E7F2

#F2E7ED

#F2F1E7

Color Blindness Simulation

Original

#E7F2EC

Protanopia

#ECECED

Deuteranopia

#EBEAEE

Tritanopia

#E8EFEF

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E9F2ED
200
#D1E6DA
300
#B0D4C0
400
#85BD9E
500
#5AA57C
600
#488463
700
#396A4F
800
#2D533E
900
#233D2F
950
#16271E

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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