#ECFDBA

#ECFDBA

Color Values

HEX

#ECFDBA

RGB

236, 253, 186

HSL

75.2, 94.4%, 86.1%

HSV

75.2, 26.5%, 99.2%

CMYK

6.7%, 0.0%, 26.5%, 0.8%

OKLCH

0.9655 0.0879 119.6

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#ECFDBA

#CBBAFD

Analogous

#FDEDBA

#CBFDBA

#ECFDBA

Triadic

#ECFDBA

#BAECFD

#FDBAEC

Split Complementary

#ECFDBA

#BACBFD

#EDBAFD

Tetradic

#ECFDBA

#BAFDED

#CBBAFD

#FDBACB

Color Blindness Simulation

Original

#ECFDBA

Protanopia

#F3F4CA

Deuteranopia

#F2F1CE

Tritanopia

#EDD7DA

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#FAFDF1
100
#F4FBDF
200
#ECFDBA
300
#DEFC88
400
#CDFA48
500
#BBF807
600
#96C606
700
#789F05
800
#5D7C04
900
#455A07
950
#2B3905

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026