#E4FAFA

#E4FAFA

Color Values

HEX

#E4FAFA

RGB

228, 250, 250

HSL

180.0, 68.7%, 93.7%

HSV

180.0, 8.8%, 98.0%

CMYK

8.8%, 0.0%, 0.0%, 2.0%

OKLCH

0.9691 0.023 196.8

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#E4FAFA

#FAE4E4

Analogous

#E4FAEF

#E4EFFA

#E4FAFA

Triadic

#E4FAFA

#FAE4FA

#FAFAE4

Split Complementary

#E4FAFA

#FAE4EF

#FAEFE4

Tetradic

#E4FAFA

#EFE4FA

#FAE4E4

#EFFAE4

Color Blindness Simulation

Original

#E4FAFA

Protanopia

#EEEEFA

Deuteranopia

#ECEBFA

Tritanopia

#E5FAFA

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F8F8
200
#C3F4F4
300
#98ECEC
400
#60E1E1
500
#28D7D7
600
#20ACAC
700
#1A8A8A
800
#146C6C
900
#124E4E
950
#0C3232

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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