#E7F0CD

#E7F0CD

Color Values

HEX

#E7F0CD

RGB

231, 240, 205

HSL

75.4, 53.8%, 87.3%

HSV

75.4, 14.6%, 94.1%

CMYK

3.7%, 0.0%, 14.6%, 5.9%

OKLCH

0.9393 0.047 119.0

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#E7F0CD

#D6CDF0

Analogous

#F0E8CD

#D6F0CD

#E7F0CD

Triadic

#E7F0CD

#CDE7F0

#F0CDE7

Split Complementary

#E7F0CD

#CDD6F0

#E8CDF0

Tetradic

#E7F0CD

#CDF0E8

#D6CDF0

#F0CDD6

Color Blindness Simulation

Original

#E7F0CD

Protanopia

#EBEBD5

Deuteranopia

#EAEAD8

Tritanopia

#E7DCDE

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F5E5
200
#E5EFC8
300
#D2E3A1
400
#B9D36E
500
#A1C43B
600
#819D2F
700
#677E26
800
#50621D
900
#3C4819
950
#262D10

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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