#ECFCD3

#ECFCD3

Color Values

HEX

#ECFCD3

RGB

236, 252, 211

HSL

83.4, 87.2%, 90.8%

HSV

83.4, 16.3%, 98.8%

CMYK

6.3%, 0.0%, 16.3%, 1.2%

OKLCH

0.9687 0.0561 124.8

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#ECFCD3

#E3D3FC

Analogous

#FCF7D3

#D8FCD3

#ECFCD3

Triadic

#ECFCD3

#D3ECFC

#FCD3EC

Split Complementary

#ECFCD3

#D3D8FC

#F7D3FC

Tetradic

#ECFCD3

#D3FCF7

#E3D3FC

#FCD3D8

Color Blindness Simulation

Original

#ECFCD3

Protanopia

#F3F3DD

Deuteranopia

#F2F1DF

Tritanopia

#EDE5E6

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#F9FDF2
100
#F0FAE0
200
#E2FABC
300
#CEF78C
400
#B3F34E
500
#98EF10
600
#7ABF0D
700
#61990A
800
#4C7708
900
#39560A
950
#243707

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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