#7AA2F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7aa2f7 is a bright, clear blue with a slight violet tint. Because of its high saturation, it feels energetic rather than sleepy. It pairs well with crisp charcoal grays for modern interface designs. Since it offers excellent contrast with black text, use this hex code as a bold primary color for UI elements like buttons or notification badges. It is less effective as a full background, where it can overwhelm.
Questions about #7aa2f7
What is #7aa2f7 in RGB, HSL and CMYK?
In RGB, #7aa2f7 is rgb(122, 162, 247), in HSL hsl(221, 89%, 72%) and in CMYK 51%, 34%, 0%, 3%.
How should I use #7aa2f7 in user interface design?
#7aa2f7 works best as a primary action color or notification badge because of its high saturation and energy. Pair it with crisp charcoal or dark neutral text to ensure maximum readability and a clean, modern aesthetic.
Does #7aa2f7 feel warm or cool?
While blue is inherently cool, the violet undertones in #7aa2f7 give it a slight warmth compared to pure, icy cyan shades. This makes it feel friendly and approachable rather than sterile or cold in digital applications.
Is #7aa2f7 readable on white or black?
#7aa2f7 has a 2.51:1 contrast ratio on white and 8.33: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.