#ECFBDF

#ECFBDF

Color Values

HEX

#ECFBDF

RGB

236, 251, 223

HSL

92,1, 77,8%, 92,9%

HSV

92,1, 11,2%, 98,4%

CMYK

6,0%, 0,0%, 11,2%, 1,6%

OKLCH

0,9696 0,04 130,3

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#ECFBDF

#EEDFFB

Analogous

#FAFBDF

#DFFBE0

#ECFBDF

Triadic

#ECFBDF

#DFECFB

#FBDFEC

Split Complementary

#ECFBDF

#E0DFFB

#FBDFFA

Tetradic

#ECFBDF

#DFFAFB

#EEDFFB

#FBE0DF

Color Blindness Simulation

Original

#ECFBDF

Protanopia

#F2F3E6

Deuteranopia

#F2F0E7

Tritanopia

#EDEBEC

Achromatopsia

#F6F6F6

CSS Usage

background-color: #ECFBDF;
color: #ECFBDF;
border-color: #ECFBDF;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F7FCF2
100
#ECF9E1
200
#D9F7C0
300
#BEF192
400
#9CEA57
500
#79E31C
600
#60B517
700
#4D9112
800
#3C710E
900
#2E520F
950
#1D3409

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026