#E2E7FD

#E2E7FD

Color Values

HEX

#E2E7FD

RGB

226, 231, 253

HSL

228.9, 87.1%, 93.9%

HSV

228.9, 10.7%, 99.2%

CMYK

10.7%, 8.7%, 0.0%, 0.8%

OKLCH

0.9308 0.0303 275.6

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E2E7FD

#FDF8E2

Analogous

#E2F4FD

#EAE2FD

#E2E7FD

Triadic

#E2E7FD

#FDE2E7

#E7FDE2

Split Complementary

#E2E7FD

#FDEAE2

#F4FDE2

Tetradic

#E2E7FD

#FDE2F4

#FDF8E2

#E2FDEA

Color Blindness Simulation

Original

#E2E7FD

Protanopia

#E4E4F8

Deuteranopia

#E4E4F6

Tritanopia

#E2F3F3

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E5FA
200
#BCC8FA
300
#8CA0F7
400
#4E6DF3
500
#103AEF
600
#0D2EBF
700
#0B2599
800
#081D77
900
#0A1956
950
#070F37

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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