#787CA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#787ca3 is a muted, dusty indigo with an ashy, desaturated quality that feels grounded and calm. It works effectively as a stable background color or a supporting tone in structured layouts. Because it maintains strong contrast against black text, it is a practical choice for readable interface design. Pair this hex code with warmer, earthy neutrals to prevent the overall palette from feeling too chilly.
Questions about #787ca3
What is #787ca3 in RGB, HSL and CMYK?
In RGB, #787ca3 is rgb(120, 124, 163), in HSL hsl(234, 19%, 55%) and in CMYK 26%, 24%, 0%, 36%.
How should #787ca3 be used in digital interface design?
#787ca3 works best as a primary background or a subtle accent for structural elements because it maintains strong contrast against black text. To keep the interface feeling approachable, pair this muted indigo with warmer, sandy neutrals to offset its cool, ashy undertones.
What color combinations work best with #787ca3?
This color pairs naturally with earthy, desaturated tones to create a grounded and professional palette. Try balancing the coolness of #787ca3 by adding accents of warm terracotta or soft cream, which prevents the overall design from feeling too sterile or clinical.
Is #787ca3 readable on white or black?
#787ca3 has a 4.03:1 contrast ratio on white and 5.21: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.