#E4E7FD

#E4E7FD

Color Values

HEX

#E4E7FD

RGB

228, 231, 253

HSL

232.8, 86.2%, 94.3%

HSV

232.8, 9.9%, 99.2%

CMYK

9.9%, 8.7%, 0.0%, 0.8%

OKLCH

0.9323 0.0299 279.6

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E4E7FD

#FDFAE4

Analogous

#E4F3FD

#EDE4FD

#E4E7FD

Triadic

#E4E7FD

#FDE4E7

#E7FDE4

Split Complementary

#E4E7FD

#FDEDE4

#F3FDE4

Tetradic

#E4E7FD

#FDE4F3

#FDFAE4

#E4FDED

Color Blindness Simulation

Original

#E4E7FD

Protanopia

#E5E5F8

Deuteranopia

#E5E5F6

Tritanopia

#E4F3F3

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E3FA
200
#BDC4FA
300
#8D9AF7
400
#4F63F2
500
#122CED
600
#0E23BE
700
#0B1C98
800
#091677
900
#0B1456
950
#070D36

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.15:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026