#E2E3FF

#E2E3FF

Color Values

HEX

#E2E3FF

RGB

226, 227, 255

HSL

237.9, 100.0%, 94.3%

HSV

237.9, 11.4%, 100.0%

CMYK

11.4%, 11.0%, 0.0%, 0.0%

OKLCH

0.9236 0.0379 284.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E2E3FF

#FFFEE2

Analogous

#E2F1FF

#EFE2FF

#E2E3FF

Triadic

#E2E3FF

#FFE2E3

#E3FFE2

Split Complementary

#E2E3FF

#FFEFE2

#F1FFE2

Tetradic

#E2E3FF

#FFE2F1

#FFFEE2

#E2FFEF

Color Blindness Simulation

Original

#E2E3FF

Protanopia

#E2E2F8

Deuteranopia

#E2E2F7

Tritanopia

#E2F3F2

Achromatopsia

#E5E5E5

CSS Usage

background-color: #E2E3FF;
color: #E2E3FF;
border-color: #E2E3FF;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BAFF
300
#8589FF
400
#4249FF
500
#0009FF
600
#0007CC
700
#0006A3
800
#000480
900
#05085C
950
#03053A

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.67:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026