#7FA6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, periwinkle blue is vivid and saturated, leaning slightly toward a cool, airy violet. The hex code for this shade is #7fa6ff. Because it is so intense, it works best as a primary accent rather than a background. Use it against crisp white for a clean look, or pair it with charcoal gray to ground its energy. Black text remains perfectly legible over this color.
Questions about #7fa6ff
What is #7fa6ff in RGB, HSL and CMYK?
In RGB, #7fa6ff is rgb(127, 166, 255), in HSL hsl(222, 100%, 75%) and in CMYK 50%, 35%, 0%, 0%.
What colors pair best with #7fa6ff for a balanced design?
Is #7fa6ff suitable for UI elements or background use?
Due to its high saturation, #7fa6ff is most effective as an accent color for buttons or primary call-to-action elements rather than a background. Using it as a full-page background often overwhelms the eye, making it difficult to maintain comfortable readability for long-form content.
Is #7fa6ff readable on white or black?
#7fa6ff has a 2.38:1 contrast ratio on white and 8.80: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.