#EDFCFE

#EDFCFE

Color Values

HEX

#EDFCFE

RGB

237, 252, 254

HSL

187.1, 89.5%, 96.3%

HSV

187.1, 6.7%, 99.6%

CMYK

6.7%, 0.8%, 0.0%, 0.4%

OKLCH

0.9806 0.016 206.4

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#EDFCFE

#FEEFED

Analogous

#EDFEF8

#EDF4FE

#EDFCFE

Triadic

#EDFCFE

#FEEDFC

#FCFEED

Split Complementary

#EDFCFE

#FEEDF4

#FEF8ED

Tetradic

#EDFCFE

#F8EDFE

#FEEFED

#F4FEED

Color Blindness Simulation

Original

#EDFCFE

Protanopia

#F3F4FE

Deuteranopia

#F3F1FD

Tritanopia

#EEFDFD

Achromatopsia

#F9F9F9

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BBF4FB
300
#8BECF9
400
#4CE1F5
500
#0DD7F2
600
#0BACC1
700
#09899B
800
#076B79
900
#094E57
950
#063137

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

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