#777777 HEX Color
About #777777
#777777 (#777777) is a warm, mid, muted neutral tone with a hue of 0°, saturation of 0% and lightness of 47%. It works well for backgrounds and minimalist UI and conveys a timeless feeling. On a white background it reaches a contrast ratio of 4.48:1, while on black it reaches 4.69:1 — so prefer black text when using #777777 as a background.
Color Codes
Accessibility & Contrast
Recommendation: when using #777777 as a background, use black text for the highest contrast.
Color Schemes
Tints & Shades
CSS Code Snippets
background-color: #777777;color: #777777;border: 2px solid #777777;background: linear-gradient(135deg, #777777, #777777);Code Export
:root {
--color-primary: #777777;
--color-primary-rgb: 119, 119, 119;
--color-primary-hsl: 0, 0%, 47%;
}Explore Color Tools
Related Tools
Related Combinations
Frequently Asked Questions
What is the name of color #777777?
Color #777777 does not have an official CSS name. It is a warm, mid, muted neutral tone (HSL 0°, 0%, 47%).
Is #777777 a warm or cool color?
#777777 (#777777) is a warm color. With a hue of 0°, it falls in the neutral family.
What colors go well with #777777?
Colors that pair well with #777777 (#777777) include its complementary color (#777777), neutral whites and warm creams, and analogous neutral tones for harmonious palettes.