#ECFECF

#ECFECF

Color Values

HEX

#ECFECF

RGB

236, 254, 207

HSL

83.0, 95.9%, 90.4%

HSV

83.0, 18.5%, 99.6%

CMYK

7.1%, 0.0%, 18.5%, 0.4%

OKLCH

0.9719 0.064 124.6

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#ECFECF

#E1CFFE

Analogous

#FEF9CF

#D5FECF

#ECFECF

Triadic

#ECFECF

#CFECFE

#FECFEC

Split Complementary

#ECFECF

#CFD5FE

#F9CFFE

Tetradic

#ECFECF

#CFFEF9

#E1CFFE

#FECFD5

Color Blindness Simulation

Original

#ECFECF

Protanopia

#F4F4DA

Deuteranopia

#F3F1DD

Tritanopia

#EDE3E5

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#F9FEF1
100
#F1FCDF
200
#E3FEB9
300
#CFFC87
400
#B6FB46
500
#9CFA05
600
#7DC804
700
#64A003
800
#4E7D03
900
#3A5A07
950
#253904

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

19.64: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