#ECFAED

#ECFAED

Color Values

HEX

#ECFAED

RGB

236, 250, 237

HSL

124.3, 58.3%, 95.3%

HSV

124.3, 5.6%, 98.0%

CMYK

5.6%, 0.0%, 5.2%, 2.0%

OKLCH

0.9712 0.0226 147.5

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#ECFAED

#FAECF9

Analogous

#F2FAEC

#ECFAF4

#ECFAED

Triadic

#ECFAED

#EDECFA

#FAEDEC

Split Complementary

#ECFAED

#F4ECFA

#FAECF2

Tetradic

#ECFAED

#ECF2FA

#FAECF9

#FAF4EC

Color Blindness Simulation

Original

#ECFAED

Protanopia

#F2F2F0

Deuteranopia

#F1F0F1

Tritanopia

#EDF3F3

Achromatopsia

#F6F6F6

CSS Usage

background-color: #ECFAED;
color: #ECFAED;
border-color: #ECFAED;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F4FBF4
100
#E4F6E6
200
#C6F0C9
300
#9EE5A3
400
#6AD872
500
#35CA40
600
#2BA133
700
#228129
800
#1B6520
900
#174A1B
950
#0F2F11

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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