#E5ECFE

#E5ECFE

Color Values

HEX

#E5ECFE

RGB

229, 236, 254

HSL

223.2, 92.6%, 94.7%

HSV

223.2, 9.8%, 99.6%

CMYK

9.8%, 7.1%, 0.0%, 0.4%

OKLCH

0.9431 0.0254 268.8

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#E5ECFE

#FEF7E5

Analogous

#E5F8FE

#EAE5FE

#E5ECFE

Triadic

#E5ECFE

#FEE5EC

#ECFEE5

Split Complementary

#E5ECFE

#FEEAE5

#F8FEE5

Tetradic

#E5ECFE

#FEE5F8

#FEF7E5

#E5FEEA

Color Blindness Simulation

Original

#E5ECFE

Protanopia

#E8E8FA

Deuteranopia

#E8E7F9

Tritanopia

#E5F6F5

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BACDFC
300
#89A9FA
400
#497AF8
500
#094CF6
600
#083CC4
700
#06309D
800
#05267B
900
#081F59
950
#051338

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026