#778DC1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its dusty, unsaturated character, #778dc1 feels understated rather than vibrant. This cool tone works best as a supporting element rather than a dominant background, where it can easily appear washed out. Pair it with dark charcoal for a professional, grounded look. Since it maintains a 6.4:1 contrast ratio against black, it remains readable for small, functional text in UI design. The hex code is #778dc1.
Questions about #778dc1
What is #778dc1 in RGB, HSL and CMYK?
In RGB, #778dc1 is rgb(119, 141, 193), in HSL hsl(222, 37%, 61%) and in CMYK 38%, 27%, 0%, 24%.
Does #778dc1 work well as a primary text color?
Yes, #778dc1 maintains a solid 6.4:1 contrast ratio against black, making it highly readable for small, functional UI text. It provides a softer alternative to pure black while remaining legible in professional digital layouts.
What colors pair well with the dusty #778dc1?
Pair #778dc1 with a deep charcoal to ground its airy, cool nature and create a balanced professional look. It also works effectively alongside soft, off-white backgrounds to prevent the color from appearing washed out or flat.
Is #778dc1 readable on white or black?
#778dc1 has a 3.29:1 contrast ratio on white and 6.36: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.