#696C71 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone, ashy grey offers a stable and professional foundation for UI design. With balanced saturation, it serves as an excellent background that grounds bolder brand colors. The hex code for this color is #696c71. It provides a 5.3:1 contrast ratio against white text, ensuring comfortable readability for body copy without the harshness of pure black.
Questions about #696c71
What is #696c71 in RGB, HSL and CMYK?
In RGB, #696c71 is rgb(105, 108, 113), in HSL hsl(217, 4%, 43%) and in CMYK 7%, 4%, 0%, 56%.
Which accent colors pair well with #696c71?
Because #696c71 is a balanced, desaturated grey, it serves as a neutral canvas for almost any bold accent. It looks particularly sophisticated when paired with navy for a professional look or terracotta to introduce a touch of warmth.
Is #696c71 readable on white or black?
#696c71 has a 5.27:1 contrast ratio on white and 3.98:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.