#E5F3DA

#E5F3DA

Color Values

HEX

#E5F3DA

RGB

229, 243, 218

HSL

93.6, 51.0%, 90.4%

HSV

93.6, 10.3%, 95.3%

CMYK

5.8%, 0.0%, 10.3%, 4.7%

OKLCH

0.947 0.0362 131.2

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#E5F3DA

#E8DAF3

Analogous

#F2F3DA

#DAF3DC

#E5F3DA

Triadic

#E5F3DA

#DAE5F3

#F3DAE5

Split Complementary

#E5F3DA

#DCDAF3

#F3DAF2

Tetradic

#E5F3DA

#DAF2F3

#E8DAF3

#F3DCDA

Color Blindness Simulation

Original

#E5F3DA

Protanopia

#EBEBE0

Deuteranopia

#EAE9E2

Tritanopia

#E6E5E6

Achromatopsia

#EEEEEE

CSS Usage

background-color: #E5F3DA;
color: #E5F3DA;
border-color: #E5F3DA;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D9EEC9
300
#BEE1A3
400
#9BD171
500
#78C13E
600
#609A32
700
#4D7B28
800
#3C601F
900
#2E471A
950
#1D2D11

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026