#EDF2D8

#EDF2D8

Color Values

HEX

#EDF2D8

RGB

237, 242, 216

HSL

71.5, 50.0%, 89.8%

HSV

71.5, 10.7%, 94.9%

CMYK

2.1%, 0.0%, 10.7%, 5.1%

OKLCH

0.9505 0.0346 115.9

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#EDF2D8

#DDD8F2

Analogous

#F2EAD8

#E0F2D8

#EDF2D8

Triadic

#EDF2D8

#D8EDF2

#F2D8ED

Split Complementary

#EDF2D8

#D8E0F2

#EAD8F2

Tetradic

#EDF2D8

#D8F2EA

#DDD8F2

#F2D8E0

Color Blindness Simulation

Original

#EDF2D8

Protanopia

#EFEFDE

Deuteranopia

#EFEEE0

Tritanopia

#EDE3E4

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F2F5E6
200
#E6EDC9
300
#D5E0A3
400
#BED071
500
#A7BF40
600
#859933
700
#6B7A29
800
#536020
900
#3E461B
950
#272C11

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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