#EAFAFD

#EAFAFD

Color Values

HEX

#EAFAFD

RGB

234, 250, 253

HSL

189.5, 82.6%, 95.5%

HSV

189.5, 7.5%, 99.2%

CMYK

7.5%, 1.2%, 0.0%, 0.8%

OKLCH

0.9742 0.0173 210.2

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#EAFAFD

#FDEDEA

Analogous

#EAFDF7

#EAF1FD

#EAFAFD

Triadic

#EAFAFD

#FDEAFA

#FAFDEA

Split Complementary

#EAFAFD

#FDEAF1

#FDF7EA

Tetradic

#EAFAFD

#F7EAFD

#FDEDEA

#F1FDEA

Color Blindness Simulation

Original

#EAFAFD

Protanopia

#F1F1FC

Deuteranopia

#F0EFFC

Tritanopia

#EBFCFC

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F6FA
200
#BEEFF9
300
#8FE4F4
400
#53D6EF
500
#16C7E9
600
#12A0BA
700
#0E8095
800
#0B6474
900
#0C4954
950
#082E35

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

19.59: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