#E2EAF0

#E2EAF0

Color Values

HEX

#E2EAF0

RGB

226, 234, 240

HSL

205.7, 31.8%, 91.4%

HSV

205.7, 5.8%, 94.1%

CMYK

5.8%, 2.5%, 0.0%, 5.9%

OKLCH

0.9327 0.0118 239.9

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#E2EAF0

#F0E8E2

Analogous

#E2F0EF

#E2E3F0

#E2EAF0

Triadic

#E2EAF0

#F0E2EA

#EAF0E2

Split Complementary

#E2EAF0

#F0E2E3

#F0EFE2

Tetradic

#E2EAF0

#EFE2F0

#F0E8E2

#E3F0E2

Color Blindness Simulation

Original

#E2EAF0

Protanopia

#E5E6EF

Deuteranopia

#E5E4EE

Tritanopia

#E2EDED

Achromatopsia

#E9E9E9

CSS Usage

background-color: #E2EAF0;
color: #E2EAF0;
border-color: #E2EAF0;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE7
300
#AEC5D5
400
#83A5BF
500
#5785A8
600
#466B86
700
#38556C
800
#2B4354
900
#23323E
950
#162027

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026