#ECFAC3

#ECFAC3

Color Values

HEX

#ECFAC3

RGB

236, 250, 195

HSL

75,3, 84,6%, 87,3%

HSV

75,3, 22,0%, 98,0%

CMYK

5,6%, 0,0%, 22,0%, 2,0%

OKLCH

0,9611 0,0728 119,4

Properties

Cool Light Nearest: lemonchiffon

Color Harmonies

Complementary

#ECFAC3

#D1C3FA

Analogous

#FAEDC3

#D1FAC3

#ECFAC3

Triadic

#ECFAC3

#C3ECFA

#FAC3EC

Split Complementary

#ECFAC3

#C3D1FA

#EDC3FA

Tetradic

#ECFAC3

#C3FAED

#D1C3FA

#FAC3D1

Color Blindness Simulation

Original

#ECFAC3

Protanopia

#F2F2D0

Deuteranopia

#F1F0D4

Tritanopia

#EDDBDD

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#FAFDF2
100
#F3FAE0
200
#EAFABD
300
#DBF68E
400
#C8F051
500
#B4EB14
600
#90BC10
700
#73970D
800
#5A760A
900
#43550C
950
#2A3607

Contrast Checker

Text on white

1,1:1

AA Fail AAA Fail

Text on black

19,03:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026