#E9F2FC

#E9F2FC

Color Values

HEX

#E9F2FC

RGB

233, 242, 252

HSL

211.6, 76.0%, 95.1%

HSV

211.6, 7.5%, 98.8%

CMYK

7.5%, 4.0%, 0.0%, 1.2%

OKLCH

0.9573 0.0165 250.8

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#E9F2FC

#FCF3E9

Analogous

#E9FBFC

#EAE9FC

#E9F2FC

Triadic

#E9F2FC

#FCE9F2

#F2FCE9

Split Complementary

#E9F2FC

#FCEAE9

#FBFCE9

Tetradic

#E9F2FC

#FCE9FB

#FCF3E9

#E9FCEA

Color Blindness Simulation

Original

#E9F2FC

Protanopia

#EDEDFA

Deuteranopia

#ECECF9

Tritanopia

#E9F8F7

Achromatopsia

#F1F1F1

CSS Usage

background-color: #E9F2FC;
color: #E9F2FC;
border-color: #E9F2FC;
Nearest Tailwind: Blue 50 #EFF6FF

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C0DAF6
300
#93BFF0
400
#599DE8
500
#1F7AE0
600
#1862B4
700
#144E90
800
#0F3D70
900
#0F2F52
950
#0A1D34

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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