light gray Color Codes
Color Preview
Light Gray Color Codes
Related Colors
Complementary
#4d413c
Analogous
hsl(228, 12%, 73%)
hsl(168, 12%, 73%)
Triadic
hsl(318, 12%, 73%)
hsl(78, 12%, 73%)
Tetradic
hsl(288, 12%, 73%)
hsl(18, 12%, 73%)
hsl(108, 12%, 73%)
HTML Snippets
.element { background-color: #B2BEC3; }.element { color: #B2BEC3; }This is how the text color would appear.
<span style="color: #B2BEC3;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black11.05 (AA)
White1.90 (Fail)
Shades of Light Gray
hsl(198, 12%, 43%)
hsl(198, 12%, 58%)
#B2BEC3
hsl(198, 12%, 88%)
hsl(198, 12%, 100%)
Color Blindness Simulations
Protanopia (Red-Blind)
#b7b7bf
Deuteranopia (Green-Blind)
#b7b6be
Tritanopia (Blue-Blind)
#b3b9b8
Related Palettes
About light gray
light gray (#B2BEC3) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.