#7AB7FB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7ab7fb is a high-key, pastel blue with significant brightness and low saturation. It feels clean and open, making it a reliable background choice for tech or healthcare interfaces where clarity is essential. Because it offers strong contrast against black text, it maintains excellent readability at smaller sizes. Pair this hex code with dark slate grays for a professional, balanced look in modern UI design.
Questions about #7ab7fb
What is #7ab7fb in RGB, HSL and CMYK?
In RGB, #7ab7fb is rgb(122, 183, 251), in HSL hsl(212, 94%, 73%) and in CMYK 51%, 27%, 0%, 2%.
Does #7ab7fb work well as a primary interface color?
#7ab7fb excels as a primary UI color because it maintains high visibility against standard dark text. It feels open and professional, making it an excellent choice for healthcare apps or dashboard backgrounds where clarity and visual ease are required.
Which neutral colors pair best with #7ab7fb?
To balance the brightness of #7ab7fb, pair it with deep, muted tones like charcoal or slate gray. These darker neutrals ground the pastel blue, creating a sophisticated contrast that prevents the layout from feeling too light or washed out.
Is #7ab7fb readable on white or black?
#7ab7fb has a 2.10:1 contrast ratio on white and 9.99: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.