#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