#E2EAFB

#E2EAFB

Color Values

HEX

#E2EAFB

RGB

226, 234, 251

HSL

220.8, 75.8%, 93.5%

HSV

220.8, 10.0%, 98.4%

CMYK

10.0%, 6.8%, 0.0%, 1.6%

OKLCH

0.9361 0.0246 265.6

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E2EAFB

#FBF3E2

Analogous

#E2F6FB

#E6E2FB

#E2EAFB

Triadic

#E2EAFB

#FBE2EA

#EAFBE2

Split Complementary

#E2EAFB

#FBE6E2

#F6FBE2

Tetradic

#E2EAFB

#FBE2F6

#FBF3E2

#E2FBE6

Color Blindness Simulation

Original

#E2EAFB

Protanopia

#E5E6F7

Deuteranopia

#E5E4F6

Tritanopia

#E2F4F3

Achromatopsia

#EAEAEA

CSS Usage

background-color: #E2EAFB;
color: #E2EAFB;
border-color: #E2EAFB;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F2F6FC
100
#E2E9F9
200
#C0D2F6
300
#93B1F0
400
#5987E8
500
#1F5DE0
600
#194AB3
700
#143B8F
800
#0F2E70
900
#0F2552
950
#0A1733

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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