#EBECF0

#EBECF0

Color Values

HEX

#EBECF0

RGB

235, 236, 240

HSL

228.0, 14.3%, 93.1%

HSV

228.0, 2.1%, 94.1%

CMYK

2.1%, 1.7%, 0.0%, 5.9%

OKLCH

0.9435 0.0055 275.0

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#EBECF0

#F0EFEB

Analogous

#EBEEF0

#ECEBF0

#EBECF0

Triadic

#EBECF0

#F0EBEC

#ECF0EB

Split Complementary

#EBECF0

#F0ECEB

#EEF0EB

Tetradic

#EBECF0

#F0EBEE

#F0EFEB

#EBF0EC

Color Blindness Simulation

Original

#EBECF0

Protanopia

#EBEBEF

Deuteranopia

#EBEBEF

Tritanopia

#EBEEEE

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D8E0
300
#B9BDCB
400
#9399AE
500
#6D7592
600
#575D75
700
#464B5D
800
#373A49
900
#2A2D37
950
#1B1C23

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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