#E7ECEE

#E7ECEE

Color Values

HEX

#E7ECEE

RGB

231, 236, 238

HSL

197.1, 17.1%, 92.0%

HSV

197.1, 2.9%, 93.3%

CMYK

2.9%, 0.8%, 0.0%, 6.7%

OKLCH

0.9399 0.006 223.5

Properties

Cool Light Nearest: NCS S 1000-N Near White

Color Harmonies

Complementary

#E7ECEE

#EEE9E7

Analogous

#E7EEED

#E7E9EE

#E7ECEE

Triadic

#E7ECEE

#EEE7EC

#ECEEE7

Split Complementary

#E7ECEE

#EEE7E9

#EEEDE7

Tetradic

#E7ECEE

#EDE7EE

#EEE9E7

#E9EEE7

Color Blindness Simulation

Original

#E7ECEE

Protanopia

#E9E9EE

Deuteranopia

#E9E8ED

Tritanopia

#E7EDED

Achromatopsia

#EBEBEB

CSS Usage

background-color: #E7ECEE;
color: #E7ECEE;
border-color: #E7ECEE;
Nearest Tailwind: Gray 200 #E5E7EB

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DEE1
300
#B7C6CC
400
#91A8B1
500
#6A8995
600
#556E77
700
#445860
800
#35444B
900
#293438
950
#1A2123

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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