#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026