#E2E6FD

#E2E6FD

Color Values

HEX

#E2E6FD

RGB

226, 230, 253

HSL

231.1, 87.1%, 93.9%

HSV

231.1, 10.7%, 99.2%

CMYK

10.7%, 9.1%, 0.0%, 0.8%

OKLCH

0.9288 0.0314 277.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E2E6FD

#FDF9E2

Analogous

#E2F3FD

#EBE2FD

#E2E6FD

Triadic

#E2E6FD

#FDE2E6

#E6FDE2

Split Complementary

#E2E6FD

#FDEBE2

#F3FDE2

Tetradic

#E2E6FD

#FDE2F3

#FDF9E2

#E2FDEB

Color Blindness Simulation

Original

#E2E6FD

Protanopia

#E4E4F7

Deuteranopia

#E4E3F6

Tritanopia

#E2F3F2

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E4FA
200
#BCC5FA
300
#8C9CF7
400
#4E67F3
500
#1031EF
600
#0D28BF
700
#0B2099
800
#081977
900
#0A1656
950
#070E37

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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