#EFF6FF

#EFF6FF

Color Values

HEX

#EFF6FF

RGB

239, 246, 255

HSL

213.8, 100.0%, 96.9%

HSV

213.8, 6.3%, 100.0%

CMYK

6.3%, 3.5%, 0.0%, 0.0%

OKLCH

0.9705 0.0142 254.6

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EFF6FF

#FFF8EF

Analogous

#EFFEFF

#F0EFFF

#EFF6FF

Triadic

#EFF6FF

#FFEFF6

#F6FFEF

Split Complementary

#EFF6FF

#FFF0EF

#FEFFEF

Tetradic

#EFF6FF

#FFEFFE

#FFF8EF

#EFFFF0

Color Blindness Simulation

Original

#EFF6FF

Protanopia

#F2F2FD

Deuteranopia

#F2F1FC

Tritanopia

#EFFBFB

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEBFC
200
#B8D7FF
300
#85BAFF
400
#4295FF
500
#006FFF
600
#0059CC
700
#0047A3
800
#003880
900
#052B5C
950
#031B3A

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.3:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Blue

Blue 50

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