#505BA9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated indigo feels cool and composed, maintaining a steady, structured presence. Its moderate darkness makes it a reliable choice for UI backgrounds, where it offers a sophisticated alternative to standard blues. Pair #505ba9 with soft cream or muted terracotta for a balanced palette. Because it meets WCAG accessibility standards, it works well as a readable, distinct base for white typography in web layouts.
Questions about #505ba9
What is #505ba9 in RGB, HSL and CMYK?
In RGB, #505ba9 is rgb(80, 91, 169), in HSL hsl(233, 36%, 49%) and in CMYK 53%, 46%, 0%, 34%. Browse more shades of blue with names and hex codes.
What colors pair well with #505ba9 for a balanced design?
This unsaturated indigo works best when grounded by warm neutrals or earthy accents. Pairing #505ba9 with cream provides a soft, accessible contrast, while terracotta introduces a grounded, organic warmth that prevents the deep blue from feeling overly clinical or cold.
Is #505ba9 readable on white or black?
#505ba9 has a 6.15:1 contrast ratio on white and 3.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.