#ECF2C0

#ECF2C0

Color Values

HEX

#ECF2C0

RGB

236, 242, 192

HSL

67,2, 65,8%, 85,1%

HSV

67,2, 20,7%, 94,9%

CMYK

2,5%, 0,0%, 20,7%, 5,1%

OKLCH

0,9442 0,0653 113,2

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#ECF2C0

#C6C0F2

Analogous

#F2DFC0

#D3F2C0

#ECF2C0

Triadic

#ECF2C0

#C0ECF2

#F2C0EC

Split Complementary

#ECF2C0

#C0D3F2

#DFC0F2

Tetradic

#ECF2C0

#C0F2DF

#C6C0F2

#F2C0D3

Color Blindness Simulation

Original

#ECF2C0

Protanopia

#EFEFCC

Deuteranopia

#EEEECF

Tritanopia

#ECD6D8

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EDF3C4
300
#E0EA9A
400
#D0DF63
500
#BFD32C
600
#99A923
700
#7A871C
800
#606A16
900
#464D14
950
#2C310C

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,03: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