#DEE2E6

222, 226, 230

Border Gray

A classic border and divider gray used across thousands of UI design systems. Subtle enough to be invisible as structure, visible enough to create order.

HEX#DEE2E6
RGB222, 226, 230
HSL210°, 14%, 89%
CMYK3%, 2%, 0%, 10%
CSS Variable--color: #DEE2E6;
Use in GeneratorCheck ContrastView on Wheel

Shades of Border Gray

#e2e5e9

#c5ccd3

#a8b2bd

#8b99a7

#6e7f91

#586674

#424c57

#2c333a

#16191d

Tints of Border Gray

#dee2e6

#e0e4e8

#e3e6ea

#e5e8eb

#e7eaed

#eaecef

#eceef1

#eef0f2

#f0f2f4

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White1.30:1
AA NormalFailAAAFail

Sample Text

On Black16.13:1
AA NormalPassAAAPass
Full contrast analysis →

Black

#000000

Rich Black

#1A1A1A

Dark Gray

#333333

Gray

#666666

Silver

#999999

Light Gray

#CCCCCC