#EBEDF0

#EBEDF0

Color Values

HEX

#EBEDF0

RGB

235, 237, 240

HSL

216.0, 14.3%, 93.1%

HSV

216.0, 2.1%, 94.1%

CMYK

2.1%, 1.2%, 0.0%, 5.9%

OKLCH

0.9454 0.0046 258.3

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#EBEDF0

#F0EEEB

Analogous

#EBEFF0

#EBEBF0

#EBEDF0

Triadic

#EBEDF0

#F0EBED

#EDF0EB

Split Complementary

#EBEDF0

#F0EBEB

#EFF0EB

Tetradic

#EBEDF0

#F0EBEF

#F0EEEB

#EBF0EB

Color Blindness Simulation

Original

#EBEDF0

Protanopia

#ECECEF

Deuteranopia

#ECECEF

Tritanopia

#EBEFEF

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DAE0
300
#B9C0CB
400
#939EAE
500
#6D7C92
600
#576375
700
#464F5D
800
#373E49
900
#2A2F37
950
#1B1E23

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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