#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026