#7DBAF2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #7dbaf2 graphic
#7dbaf2 is a bright, airy pastel blue with a clean, unsaturated character. It provides a friendly and trustworthy backdrop, making it ideal for UI backgrounds in healthcare or finance apps. Because of its high contrast, black text remains perfectly legible at small sizes. Pair this hex code with warm, sandy beiges to ground its airy feel and prevent it from appearing too washed out.

Questions about #7dbaf2

What is #7dbaf2 in RGB, HSL and CMYK?
In RGB, #7dbaf2 is rgb(125, 186, 242), in HSL hsl(209, 82%, 72%) and in CMYK 48%, 23%, 0%, 5%.
How can I balance the brightness of #7dbaf2 in a design?
Warm, sandy beiges work exceptionally well with #7dbaf2 to ground its airy character and prevent the design from appearing too washed out. You can also pair it with charcoal text to maintain high-contrast legibility in professional interface layouts.
Is #7dbaf2 suitable for web application backgrounds?
Yes, #7dbaf2 is highly effective for healthcare or finance applications because it offers a friendly, trustworthy tone. It maintains excellent contrast with dark text, making it a reliable, accessible choice for professional and clear user interface layouts.
Is #7dbaf2 readable on white or black?
#7dbaf2 has a 2.06:1 contrast ratio on white and 10.17: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.