#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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026