#EBEDF5

#EBEDF5

Color Values

HEX

#EBEDF5

RGB

235, 237, 245

HSL

228.0, 33.3%, 94.1%

HSV

228.0, 4.1%, 96.1%

CMYK

4.1%, 3.3%, 0.0%, 3.9%

OKLCH

0.9469 0.0109 274.9

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EBEDF5

#F5F3EB

Analogous

#EBF2F5

#EEEBF5

#EBEDF5

Triadic

#EBEDF5

#F5EBED

#EDF5EB

Split Complementary

#EBEDF5

#F5EEEB

#F2F5EB

Tetradic

#EBEDF5

#F5EBF2

#F5F3EB

#EBF5EE

Color Blindness Simulation

Original

#EBEDF5

Protanopia

#ECECF3

Deuteranopia

#ECECF3

Tritanopia

#EBF2F1

Achromatopsia

#EDEDED

CSS Usage

background-color: #EBEDF5;
color: #EBEDF5;
border-color: #EBEDF5;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F5F6FA
100
#E8EAF2
200
#CFD4E7
300
#ADB6D6
400
#818EC0
500
#5566AA
600
#445288
700
#36416D
800
#2B3355
900
#22283F
950
#151928

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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