#707B88 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted blue with strong grey undertones, #707b88 reads as a restrained, professional neutral. It avoids the intensity of primary blues, making it a reliable choice for UI backgrounds or corporate branding where understated clarity matters. Because it has decent contrast, it pairs well with black text for readable body content. Use this hex code as a stabilizing base rather than a focal point.
Questions about #707b88
What is #707b88 in RGB, HSL and CMYK?
In RGB, #707b88 is rgb(112, 123, 136), in HSL hsl(213, 10%, 49%) and in CMYK 18%, 10%, 0%, 47%.
What colors pair best with #707b88 in a design layout?
#707b88 pairs effectively with crisp white or light greys for a clean, airy aesthetic, while deeper charcoal provides excellent contrast for text readability. For an accent, consider muted earth tones or a desaturated terracotta to warm up the composition.
Does #707b88 read as a cool or warm color?
#707b88 is fundamentally a cool-toned shade, leaning heavily into blue and grey territory. The grey influence tempers the vibrancy of the blue, preventing it from feeling overly cold or icy, which makes it a versatile, calming choice for modern interface design.
Is #707b88 readable on white or black?
#707b88 has a 4.30:1 contrast ratio on white and 4.87:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.