#EEFDE2

#EEFDE2

Color Values

HEX

#EEFDE2

RGB

238, 253, 226

HSL

93.3, 87.1%, 93.9%

HSV

93.3, 10.7%, 99.2%

CMYK

5.9%, 0.0%, 10.7%, 0.8%

OKLCH

0.9758 0.0388 131.0

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#EEFDE2

#F1E2FD

Analogous

#FCFDE2

#E2FDE3

#EEFDE2

Triadic

#EEFDE2

#E2EEFD

#FDE2EE

Split Complementary

#EEFDE2

#E3E2FD

#FDE2FC

Tetradic

#EEFDE2

#E2FCFD

#F1E2FD

#FDE3E2

Color Blindness Simulation

Original

#EEFDE2

Protanopia

#F4F5E9

Deuteranopia

#F4F2EA

Tritanopia

#EFEEEF

Achromatopsia

#F8F8F8

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#ECFAE0
200
#D8FABC
300
#BCF78C
400
#98F34E
500
#73EF10
600
#5CBF0D
700
#4A990B
800
#3A7708
900
#2C560A
950
#1C3707

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

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