#E4FACA

#E4FACA

Color Values

HEX

#E4FACA

RGB

228, 250, 202

HSL

87.5, 82.8%, 88.6%

HSV

87.5, 19.2%, 98.0%

CMYK

8.8%, 0.0%, 19.2%, 2.0%

OKLCH

0.9568 0.0669 127.7

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#E4FACA

#E0CAFA

Analogous

#FAF8CA

#CCFACA

#E4FACA

Triadic

#E4FACA

#CAE4FA

#FACAE4

Split Complementary

#E4FACA

#CACCFA

#F8CAFA

Tetradic

#E4FACA

#CAFAF8

#E0CAFA

#FACACC

Color Blindness Simulation

Original

#E4FACA

Protanopia

#EEEED6

Deuteranopia

#ECEBD8

Tritanopia

#E5DFE1

Achromatopsia

#F2F2F2

CSS Usage

background-color: #E4FACA;
color: #E4FACA;
border-color: #E4FACA;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FDF2
100
#EEFAE1
200
#DEF9BE
300
#C6F48F
400
#A7EF53
500
#88E916
600
#6DBA12
700
#57950E
800
#44750B
900
#33550C
950
#213508

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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