#EAFBFD

#EAFBFD

Color Values

HEX

#EAFBFD

RGB

234, 251, 253

HSL

186,3, 82,6%, 95,5%

HSV

186,3, 7,5%, 99,2%

CMYK

7,5%, 0,8%, 0,0%, 0,8%

OKLCH

0,9762 0,0181 205,3

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#EAFBFD

#FDECEA

Analogous

#EAFDF6

#EAF2FD

#EAFBFD

Triadic

#EAFBFD

#FDEAFB

#FBFDEA

Split Complementary

#EAFBFD

#FDEAF2

#FDF6EA

Tetradic

#EAFBFD

#F6EAFD

#FDECEA

#F2FDEA

Color Blindness Simulation

Original

#EAFBFD

Protanopia

#F1F2FD

Deuteranopia

#F0EFFC

Tritanopia

#EBFCFC

Achromatopsia

#F8F8F8

CSS Usage

background-color: #EAFBFD;
color: #EAFBFD;
border-color: #EAFBFD;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

50
#F2FCFD
100
#E1F7FA
200
#BEF3F9
300
#8FEAF4
400
#53DEEF
500
#16D3E9
600
#12A9BA
700
#0E8795
800
#0B6974
900
#0C4D54
950
#083135

Contrast Checker

Text on white

1,07:1

AA Fail AAA Fail

Text on black

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