#EFF5FD

#EFF5FD

Color Values

HEX

#EFF5FD

RGB

239, 245, 253

HSL

214,3, 77,8%, 96,5%

HSV

214,3, 5,5%, 99,2%

CMYK

5,5%, 3,2%, 0,0%, 0,8%

OKLCH

0,9679 0,0125 255,5

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EFF5FD

#FDF7EF

Analogous

#EFFCFD

#F0EFFD

#EFF5FD

Triadic

#EFF5FD

#FDEFF5

#F5FDEF

Split Complementary

#EFF5FD

#FDF0EF

#FCFDEF

Tetradic

#EFF5FD

#FDEFFC

#FDF7EF

#EFFDF0

Color Blindness Simulation

Original

#EFF5FD

Protanopia

#F2F2FB

Deuteranopia

#F1F1FB

Tritanopia

#EFFAF9

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EBF9
200
#C0D7F7
300
#92BBF1
400
#5796EA
500
#1C71E3
600
#175BB5
700
#124991
800
#0E3971
900
#0F2C52
950
#091C34

Contrast Checker

Text on white

1,1:1

AA Fail AAA Fail

Text on black

19,15: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