#D7ECB8

#D7ECB8

Color Values

HEX

#D7ECB8

RGB

215, 236, 184

HSL

84.2, 57.8%, 82.4%

HSV

84.2, 22.0%, 92.5%

CMYK

8.9%, 0.0%, 22.0%, 7.5%

OKLCH

0.9145 0.072 125.7

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#D7ECB8

#CDB8EC

Analogous

#ECE7B8

#BDECB8

#D7ECB8

Triadic

#D7ECB8

#B8D7EC

#ECB8D7

Split Complementary

#D7ECB8

#B8BDEC

#E7B8EC

Tetradic

#D7ECB8

#B8ECE7

#CDB8EC

#ECB8BD

Color Blindness Simulation

Original

#D7ECB8

Protanopia

#E0E0C5

Deuteranopia

#DFDDC8

Tritanopia

#D8CFD1

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF6E4
200
#DFF0C7
300
#C9E59E
400
#ABD76A
500
#8EC936
600
#71A12B
700
#5B8122
800
#47651B
900
#354A17
950
#222F0F

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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