#787B87 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#787b87 is a muted, dusty indigo with distinct grey undertones. It sits squarely as a functional mid-tone, making it a reliable choice for UI backgrounds. Because this shade maintains a 5.0:1 contrast ratio with black text, small body copy stays perfectly readable. Pair this hex code with warm accents to keep your design from feeling too cold or sterile.
Questions about #787b87
What is #787b87 in RGB, HSL and CMYK?
In RGB, #787b87 is rgb(120, 123, 135), in HSL hsl(228, 6%, 50%) and in CMYK 11%, 9%, 0%, 47%.
What makes #787b87 a good choice for interface design?
#787b87 functions as a highly readable mid-tone that maintains excellent contrast with dark text, essential for modern UI accessibility. Its muted indigo quality avoids the starkness of pure grey, providing a sophisticated, professional backdrop for dashboards or productivity applications.
Which accent colors work best with #787b87?
Warm colors create the best balance for this cool-leaning shade, preventing it from feeling overly sterile. Consider pairing #787b87 with terracotta or soft amber accents to introduce energy while maintaining the professional, composed feel of the overall design palette.
Is #787b87 readable on white or black?
#787b87 has a 4.21:1 contrast ratio on white and 4.98: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.