#EFF4FE

#EFF4FE

Color Values

HEX

#EFF4FE

RGB

239, 244, 254

HSL

220.0, 88.2%, 96.7%

HSV

220.0, 5.9%, 99.6%

CMYK

5.9%, 3.9%, 0.0%, 0.4%

OKLCH

0.9663 0.0144 264.5

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EFF4FE

#FEF9EF

Analogous

#EFFCFE

#F2EFFE

#EFF4FE

Triadic

#EFF4FE

#FEEFF4

#F4FEEF

Split Complementary

#EFF4FE

#FEF2EF

#FCFEEF

Tetradic

#EFF4FE

#FEEFFC

#FEF9EF

#EFFEF2

Color Blindness Simulation

Original

#EFF4FE

Protanopia

#F1F1FC

Deuteranopia

#F1F0FB

Tritanopia

#EFFAF9

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E9FB
200
#BCD1FB
300
#8CB0F8
400
#4D85F4
500
#0F5AF0
600
#0C48C0
700
#0A3A9A
800
#082D78
900
#0A2457
950
#061737

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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