#6A85E4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #6a85e4 graphic
Not navy, not baby blue. #6a85e4 sits between them, a fairly saturated periwinkle blue with a cool, steady character. That balance reads dependable, which is why fintech and social apps lean on shades like it. The hex code works as a dominant base in dark UI, where black text clears AA body copy at about 6.1:1 contrast. Plain white can wash it out; terracotta flatters it more.

Questions about #6a85e4

What is #6a85e4 in RGB, HSL and CMYK?
In RGB, #6a85e4 is rgb(106, 133, 228), in HSL hsl(227, 69%, 65%) and in CMYK 54%, 42%, 0%, 11%. Browse more shades of blue with names and hex codes.
What colors pair well with #6a85e4?
Warm accents like terracotta and amber make the coolness of #6a85e4 stand out, while charcoal grounds it in dark interfaces. Avoid pale pastels, which dilute its saturation.
Is #6a85e4 readable on white or black?
#6a85e4 has a 3.44:1 contrast ratio on white and 6.08: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.