#61AACC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#61aacc is an unsaturated, cool blue that leans toward a soft, powder tone. It lacks high intensity, making it ideal for UI backgrounds where you need a reliable, professional feel without harsh glare. Pair this hex code with dark charcoal for a balanced, high-contrast interface. It supports small, black text effectively, so you can use it for buttons or content blocks without legibility issues.
Questions about #61aacc
What is #61aacc in RGB, HSL and CMYK?
In RGB, #61aacc is rgb(97, 170, 204), in HSL hsl(199, 51%, 59%) and in CMYK 52%, 17%, 0%, 20%.
What colors pair well with #61aacc?
#61aacc works best with charcoal or deep navy for high-contrast, professional interfaces that remain readable. You can also pair it with soft, warm neutrals like cream or sand to ground the coolness of the blue.
Is #61aacc suitable for UI background elements?
Yes, #61aacc is ideal for UI backgrounds because it lacks the intense glare of brighter blues. Its unsaturated nature provides a calm, reliable feel that supports small, dark text without causing eye strain for the user.
Is #61aacc readable on white or black?
#61aacc has a 2.58:1 contrast ratio on white and 8.13: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.