#ECFCCB

#ECFCCB

Color Values

HEX

#ECFCCB

RGB

236, 252, 203

HSL

79,6, 89,1%, 89,2%

HSV

79,6, 19,4%, 98,8%

CMYK

6,3%, 0,0%, 19,4%, 1,2%

OKLCH

0,9669 0,0659 122,3

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#ECFCCB

#DBCBFC

Analogous

#FCF3CB

#D3FCCB

#ECFCCB

Triadic

#ECFCCB

#CBECFC

#FCCBEC

Split Complementary

#ECFCCB

#CBD3FC

#F3CBFC

Tetradic

#ECFCCB

#CBFCF3

#DBCBFC

#FCCBD3

Color Blindness Simulation

Original

#ECFCCB

Protanopia

#F3F3D7

Deuteranopia

#F2F1DA

Tritanopia

#EDE0E2

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F9FDF2
100
#F2FBE0
200
#E6FBBB
300
#D5F88B
400
#BEF54D
500
#A7F10E
600
#86C10B
700
#6B9A09
800
#537907
900
#3E570A
950
#273706

Contrast Checker

Text on white

1,09:1

AA Fail AAA Fail

Text on black

19,35:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Lime

Lime 100

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