#ECECF3

#ECECF3

Color Values

HEX

#ECECF3

RGB

236, 236, 243

HSL

240.0, 22.6%, 93.9%

HSV

240.0, 2.9%, 95.3%

CMYK

2.9%, 2.9%, 0.0%, 4.7%

OKLCH

0.9451 0.0094 286.2

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#ECECF3

#F3F3EC

Analogous

#ECEFF3

#EFECF3

#ECECF3

Triadic

#ECECF3

#F3ECEC

#ECF3EC

Split Complementary

#ECECF3

#F3EFEC

#EFF3EC

Tetradic

#ECECF3

#F3ECEF

#F3F3EC

#ECF3EF

Color Blindness Simulation

Original

#ECECF3

Protanopia

#ECECF1

Deuteranopia

#ECECF1

Tritanopia

#ECF0F0

Achromatopsia

#EDEDED

CSS Usage

background-color: #ECECF3;
color: #ECECF3;
border-color: #ECECF3;
Nearest Tailwind: Gray 200 #E5E7EB

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D3D3E3
300
#B4B4D0
400
#8B8BB6
500
#63639C
600
#4F4F7D
700
#3F3F64
800
#31314E
900
#27273A
950
#181825

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.86:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026