#656E80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, ashy slate blue, #656e80 offers a serious and professional presence. This shade works well as a background color for tech or financial interfaces. White text maintains clear 5.1:1 contrast, so readability stays high on screens. Avoid using it in large, flat blocks, as it can appear muddy. Use the hex code #656e80 alongside vibrant coral accents to create visual interest.
Questions about #656e80
What is #656e80 in RGB, HSL and CMYK?
In RGB, #656e80 is rgb(101, 110, 128), in HSL hsl(220, 12%, 45%) and in CMYK 21%, 14%, 0%, 50%.
What colors pair well with #656e80 for UI design?
This ashy slate blue works best when paired with vibrant accents to break up its seriousness. Try using a punchy coral or warm ochre to create visual contrast, or keep it sophisticated by pairing it with off-white and charcoal text.
Is #656e80 a good choice for text-heavy backgrounds?
Yes, #656e80 functions as a stable, readable background color when used with high-contrast text. It maintains a 5.1:1 contrast ratio with standard white text, ensuring your content remains accessible and easy to read on digital screens.
Is #656e80 readable on white or black?
#656e80 has a 5.12:1 contrast ratio on white and 4.09: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.