#E7FDBA

#E7FDBA

Color Values

HEX

#E7FDBA

RGB

231, 253, 186

HSL

79.7, 94.4%, 86.1%

HSV

79.7, 26.5%, 99.2%

CMYK

8.7%, 0.0%, 26.5%, 0.8%

OKLCH

0.9618 0.0894 122.8

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#E7FDBA

#D0BAFD

Analogous

#FDF2BA

#C6FDBA

#E7FDBA

Triadic

#E7FDBA

#BAE7FD

#FDBAE7

Split Complementary

#E7FDBA

#BAC6FD

#F2BAFD

Tetradic

#E7FDBA

#BAFDF2

#D0BAFD

#FDBAC6

Color Blindness Simulation

Original

#E7FDBA

Protanopia

#F1F1CA

Deuteranopia

#EFEECE

Tritanopia

#E8D7DA

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F9FDF1
100
#F2FBDF
200
#E7FDBA
300
#D6FC88
400
#BFFA48
500
#A9F807
600
#87C606
700
#6C9F05
800
#547C04
900
#3F5A07
950
#283905

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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