#E4E2EB

#E4E2EB

Color Values

HEX

#E4E2EB

RGB

228, 226, 235

HSL

253.3, 18.4%, 90.4%

HSV

253.3, 3.8%, 92.2%

CMYK

3.0%, 3.8%, 0.0%, 7.8%

OKLCH

0.917 0.0123 296.3

Properties

Cool Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#E4E2EB

#E9EBE2

Analogous

#E2E5EB

#E9E2EB

#E4E2EB

Triadic

#E4E2EB

#EBE4E2

#E2EBE4

Split Complementary

#E4E2EB

#EBE9E2

#E5EBE2

Tetradic

#E4E2EB

#EBE2E5

#E9EBE2

#E2EBE9

Color Blindness Simulation

Original

#E4E2EB

Protanopia

#E3E3E9

Deuteranopia

#E3E3E8

Tritanopia

#E4E7E7

Achromatopsia

#E3E3E3

CSS Usage

background-color: #E4E2EB;
color: #E4E2EB;
border-color: #E4E2EB;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D8D5E2
300
#BCB7CD
400
#978FB2
500
#726897
600
#5C5379
700
#494361
800
#39344B
900
#2C2838
950
#1C1A24

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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