#507AAF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted blue with a dusty, matte finish. #507aaf sits mid-dark and low in saturation, so it reads steady rather than loud. That makes it a dependable supporting tone for finance, healthcare, and government work, where it can carry 30% of a layout behind sharper accents. Its grayed undertone looks richer next to burgundy or warm sand than beside brighter blues. For text, dark type is the safe pick: black on this hex code hits about 4.7:1 contrast, which clears WCAG AA for small body copy.
Questions about #507aaf
What is #507aaf in RGB, HSL and CMYK?
In RGB, #507aaf is rgb(80, 122, 175), in HSL hsl(213, 37%, 50%) and in CMYK 54%, 30%, 0%, 31%.
What colors pair well with #507aaf?
Warm burgundy and terracotta sharpen its cool, dusty character, while soft sand and cream keep it mellow. Bright cyans and pure whites tend to wash it out.
Is #507aaf readable on white or black?
#507aaf has a 4.42:1 contrast ratio on white and 4.74:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.