#6777E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, cool indigo carries significant intensity without overwhelming the viewer. Because it holds a contrast ratio of 5.3:1 against black text, it functions well for readable, small-scale UI elements. Designers should avoid using #6777e0 as a primary background, as its strength can feel jarring at full scale. Instead, apply this hex code as a bold accent to bring structure and focus to digital interfaces.
Questions about #6777e0
What is #6777e0 in RGB, HSL and CMYK?
In RGB, #6777e0 is rgb(103, 119, 224), in HSL hsl(232, 66%, 64%) and in CMYK 54%, 47%, 0%, 12%.
Where should I apply #6777e0 in a layout?
Apply #6777e0 primarily as a bold accent to bring structure to interfaces, such as for active button states, link highlights, or notification badges. Its high intensity can feel jarring if used as a large background or primary surface area.
Is #6777e0 readable on white or black?
#6777e0 has a 3.96:1 contrast ratio on white and 5.29: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.