#ECEFE2

#ECEFE2

Color Values

HEX

#ECEFE2

RGB

236, 239, 226

HSL

73.8, 28.9%, 91.2%

HSV

73.8, 5.4%, 93.7%

CMYK

1.3%, 0.0%, 5.4%, 6.3%

OKLCH

0.9463 0.0175 117.3

Properties

Cool Light Nearest: ivory 2

Color Harmonies

Complementary

#ECEFE2

#E5E2EF

Analogous

#EFECE2

#E6EFE2

#ECEFE2

Triadic

#ECEFE2

#E2ECEF

#EFE2EC

Split Complementary

#ECEFE2

#E2E6EF

#ECE2EF

Tetradic

#ECEFE2

#E2EFEC

#E5E2EF

#EFE2E6

Color Blindness Simulation

Original

#ECEFE2

Protanopia

#EDEDE5

Deuteranopia

#EDEDE6

Tritanopia

#ECE8E8

Achromatopsia

#EDEDED

CSS Usage

background-color: #ECEFE2;
color: #ECEFE2;
border-color: #ECEFE2;
Nearest Tailwind: Amber 50 #FFFBEB

Tailwind Shades

50
#F8F9F5
100
#F0F2E9
200
#E1E6D1
300
#CBD3B0
400
#AFBC85
500
#93A45B
600
#768349
700
#5E693A
800
#4A522D
900
#373D24
950
#232717

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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