#EFF0FD

#EFF0FD

Color Values

HEX

#EFF0FD

RGB

239, 240, 253

HSL

235,7, 77,8%, 96,5%

HSV

235,7, 5,5%, 99,2%

CMYK

5,5%, 5,1%, 0,0%, 0,8%

OKLCH

0,9582 0,0174 282,5

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#EFF0FD

#FDFCEF

Analogous

#EFF7FD

#F5EFFD

#EFF0FD

Triadic

#EFF0FD

#FDEFF0

#F0FDEF

Split Complementary

#EFF0FD

#FDF5EF

#F7FDEF

Tetradic

#EFF0FD

#FDEFF7

#FDFCEF

#EFFDF5

Color Blindness Simulation

Original

#EFF0FD

Protanopia

#EFEFFA

Deuteranopia

#EFEFF9

Tritanopia

#EFF7F7

Achromatopsia

#F1F1F1

CSS Usage

background-color: #EFF0FD;
color: #EFF0FD;
border-color: #EFF0FD;
Nearest Tailwind: Indigo 50 #EEF2FF

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#C0C4F7
300
#9299F1
400
#5762EA
500
#1C2BE3
600
#1722B5
700
#121B91
800
#0E1571
900
#0F1352
950
#090C34

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

18,55: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