#E5F7FE

#E5F7FE

Color Values

HEX

#E5F7FE

RGB

229, 247, 254

HSL

196.8, 92.6%, 94.7%

HSV

196.8, 9.8%, 99.6%

CMYK

9.8%, 2.8%, 0.0%, 0.4%

OKLCH

0.9649 0.0212 223.0

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#E5F7FE

#FEECE5

Analogous

#E5FEF8

#E5EAFE

#E5F7FE

Triadic

#E5F7FE

#FEE5F7

#F7FEE5

Split Complementary

#E5F7FE

#FEE5EA

#FEF8E5

Tetradic

#E5F7FE

#F8E5FE

#FEECE5

#EAFEE5

Color Blindness Simulation

Original

#E5F7FE

Protanopia

#EDEDFC

Deuteranopia

#ECEAFC

Tritanopia

#E6FBFB

Achromatopsia

#F4F4F4

CSS Usage

background-color: #E5F7FE;
color: #E5F7FE;
border-color: #E5F7FE;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BAEAFC
300
#89DBFA
400
#49C7F8
500
#09B3F6
600
#0890C4
700
#06739D
800
#055A7B
900
#084259
950
#052A38

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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