#E2EFF0

#E2EFF0

Color Values

HEX

#E2EFF0

RGB

226, 239, 240

HSL

184.3, 31.8%, 91.4%

HSV

184.3, 5.8%, 94.1%

CMYK

5.8%, 0.4%, 0.0%, 5.9%

OKLCH

0.9427 0.0139 202.5

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#E2EFF0

#F0E3E2

Analogous

#E2F0EA

#E2E8F0

#E2EFF0

Triadic

#E2EFF0

#F0E2EF

#EFF0E2

Split Complementary

#E2EFF0

#F0E2E8

#F0EAE2

Tetradic

#E2EFF0

#EAE2F0

#F0E3E2

#E8F0E2

Color Blindness Simulation

Original

#E2EFF0

Protanopia

#E8E8F0

Deuteranopia

#E7E6F0

Tritanopia

#E3F0F0

Achromatopsia

#ECECEC

CSS Usage

background-color: #E2EFF0;
color: #E2EFF0;
border-color: #E2EFF0;
Nearest Tailwind: Slate 100 #F1F5F9

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E7
300
#AED2D5
400
#83BABF
500
#57A2A8
600
#468286
700
#38686C
800
#2B5154
900
#233C3E
950
#162627

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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