#6AA3FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric blue commands attention with a cool, digital edge. Because of its high chroma, #6aa3ff can easily overpower softer palettes. Use this hex code as a 10% accent in tech interfaces or bold branding to signal reliability. It maintains excellent contrast against black text, though it can appear jarring if overused as a primary background. Pair it with dark slate grays to ground its intensity.
Questions about #6aa3ff
What is #6aa3ff in RGB, HSL and CMYK?
In RGB, #6aa3ff is rgb(106, 163, 255), in HSL hsl(217, 100%, 71%) and in CMYK 58%, 36%, 0%, 0%.
How should I use #6aa3ff in my design layout?
Use #6aa3ff sparingly as a high-impact accent, ideally occupying no more than 10% of your total color palette. It functions best when paired with neutral, dark tones like charcoal or deep slate, which ground the intensity and prevent the color from feeling visually overwhelming to the viewer.
Is #6aa3ff readable on white or black?
#6aa3ff has a 2.53:1 contrast ratio on white and 8.29:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.