#ECFFD8

#ECFFD8

Color Values

HEX

#ECFFD8

RGB

236, 255, 216

HSL

89.2, 100.0%, 92.4%

HSV

89.2, 15.3%, 100.0%

CMYK

7.5%, 0.0%, 15.3%, 0.0%

OKLCH

0.976 0.0547 128.6

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#ECFFD8

#EBD8FF

Analogous

#FFFED8

#D9FFD8

#ECFFD8

Triadic

#ECFFD8

#D8ECFF

#FFD8EC

Split Complementary

#ECFFD8

#D8D9FF

#FED8FF

Tetradic

#ECFFD8

#D8FFFE

#EBD8FF

#FFD8D9

Color Blindness Simulation

Original

#ECFFD8

Protanopia

#F4F4E1

Deuteranopia

#F3F2E4

Tritanopia

#EDE9EB

Achromatopsia

#F8F8F8

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EEFCDE
200
#DCFFB8
300
#C3FF85
400
#A3FF42
500
#83FF00
600
#69CC00
700
#54A300
800
#418000
900
#325C05
950
#1F3A03

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

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