#EAFFFD

#EAFFFD

Color Values

HEX

#EAFFFD

RGB

234, 255, 253

HSL

174.3, 100.0%, 95.9%

HSV

174.3, 8.2%, 100.0%

CMYK

8.2%, 0.0%, 0.8%, 0.0%

OKLCH

0.9841 0.022 189.9

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#EAFFFD

#FFEAEC

Analogous

#EAFFF3

#EAF7FF

#EAFFFD

Triadic

#EAFFFD

#FDEAFF

#FFFDEA

Split Complementary

#EAFFFD

#FFEAF7

#FFF3EA

Tetradic

#EAFFFD

#F3EAFF

#FFEAEC

#F7FFEA

Color Blindness Simulation

Original

#EAFFFD

Protanopia

#F3F3FD

Deuteranopia

#F2F0FE

Tritanopia

#EBFEFE

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCF9
200
#B8FFF8
300
#85FFF3
400
#42FFED
500
#00FFE7
600
#00CCB9
700
#00A394
800
#008073
900
#055C54
950
#033A35

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

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