#778AE0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool periwinkle offers a balanced, structured feel for modern design. Because it sits comfortably between blue and violet, #778ae0 works well as a grounding secondary tone when paired with muted terracottas. While black text remains legible on this hex code, avoid using it as a large background, as it can feel slightly hazy. It shines brightest in UI components where clarity matters.
Questions about #778ae0
What is #778ae0 in RGB, HSL and CMYK?
In RGB, #778ae0 is rgb(119, 138, 224), in HSL hsl(229, 63%, 67%) and in CMYK 47%, 38%, 0%, 12%.
What colors pair well with #778ae0?
Muted terracotta tones or warm neutrals create a beautiful balance when paired with #778ae0. These earthy accents ground the cool, hazy nature of this periwinkle, making it feel less clinical and more approachable for branding or UI design.
Is #778ae0 suitable for large background areas?
Avoid using #778ae0 for expansive background surfaces, as its unsaturated quality can feel slightly hazy or washed out. It works much better as an accent color for specific UI components like buttons, borders, or iconography where clarity is needed.
Is #778ae0 readable on white or black?
#778ae0 has a 3.23:1 contrast ratio on white and 6.49: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.