#808080 rgb(128, 128, 128) 0°, 0%, 50% Use Gray in Your Projects
About Gray Color
Gray is a versatile neutral color that works as backgrounds, borders, and secondary text. It provides subtle structure without competing with primary colors.
Use Cases for Gray
Shades & Tints of Gray
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.gray-color {
color: #808080;
background-color: #808080;
}
/* As a CSS custom property */
:root {
--color-gray: #808080;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
Frequently Asked Questions
What color is Gray?
Gray is represented by the hex code #808080 and has RGB values of rgb(128, 128, 128). It falls under the Gray category.
How to use Gray in web design?
Gray works well for borders, secondary text, disabled states. Gray is a versatile neutral color that works as backgrounds, borders, and secondary text. It provides subtle structure without competing with primary colors. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Gray?
Colors that pair well with Gray include lightgray, darkgray, dimgray, slategray, silver. For a complementary scheme, try #808080. For an analogous scheme, use #808080 and #808080. For a triadic scheme, combine with #808080 and #808080.