#ECFBC2

#ECFBC2

Color Values

HEX

#ECFBC2

RGB

236, 251, 194

HSL

75,8, 87,7%, 87,3%

HSV

75,8, 22,7%, 98,4%

CMYK

6,0%, 0,0%, 22,7%, 1,6%

OKLCH

0,963 0,0754 119,8

Properties

Cool Light Nearest: lemonchiffon

Color Harmonies

Complementary

#ECFBC2

#D1C2FB

Analogous

#FBEEC2

#D0FBC2

#ECFBC2

Triadic

#ECFBC2

#C2ECFB

#FBC2EC

Split Complementary

#ECFBC2

#C2D0FB

#EEC2FB

Tetradic

#ECFBC2

#C2FBEE

#D1C2FB

#FBC2D0

Color Blindness Simulation

Original

#ECFBC2

Protanopia

#F2F3D0

Deuteranopia

#F2F0D3

Tritanopia

#EDDBDD

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#FAFDF2
100
#F3FAE0
200
#EAFBBC
300
#DBF78C
400
#C8F34E
500
#B4EF10
600
#90BF0D
700
#73990A
800
#5A7808
900
#43570A
950
#2A3706

Contrast Checker

Text on white

1,1:1

AA Fail AAA Fail

Text on black

19,14:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Ene 18, 2026