#7FA7FB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light periwinkle blue is bright, clean, and carries a tech-forward feel. Because #7fa7fb offers high contrast with black text, it works well for UI buttons or alert states where readability matters. Use this shade as a supporting secondary color rather than a dominant background, as its high saturation can overwhelm softer palettes. The hex code for this blue is #7fa7fb.
Questions about #7fa7fb
What is #7fa7fb in RGB, HSL and CMYK?
In RGB, #7fa7fb is rgb(127, 167, 251), in HSL hsl(221, 94%, 74%) and in CMYK 49%, 33%, 0%, 2%.
What colors pair best with #7fa7fb for interface design?
Is #7fa7fb a good choice for long-form body text?
While #7fa7fb is excellent for functional UI elements like buttons or notification badges, it should generally be avoided for long-form body text. Its brightness and saturation can cause eye strain over time, making a darker, more neutral color a much better choice for readability.
Is #7fa7fb readable on white or black?
#7fa7fb has a 2.38:1 contrast ratio on white and 8.82: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.