#6886EC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#6886ec is a bright, saturated blue with a distinct energetic presence. It works best as an accent color for calls to action or UI highlights rather than a full background, where it can overpower text. Because black reads clearly at a 6.2:1 contrast ratio, it is useful for accessible web elements. Designers often look for mixing gray strategies to ground this bold hue.
Questions about #6886ec
What is #6886ec in RGB, HSL and CMYK?
In RGB, #6886ec is rgb(104, 134, 236), in HSL hsl(226, 78%, 67%) and in CMYK 56%, 43%, 0%, 7%.
How should I use #6886ec in a web interface?
#6886ec works best as a vibrant accent color for specific UI elements like buttons, toggle switches, or notification badges. Because this blue is so saturated, avoid using it for large background areas as it can quickly overpower your text and cause visual fatigue.
Is #6886ec readable on white or black?
#6886ec has a 3.38:1 contrast ratio on white and 6.20: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.