#5A6061 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Storm gray, dark and muted with a faint cool undertone. #5a6061 works best as a supporting surface or UI background, since white text on it reaches about 6.4:1 contrast and clears WCAG AA for body copy. The hex code reads serious and restrained, though it can go flat in large empty areas. Warm accents like terracotta or brass lift it.
Questions about #5a6061
What is #5a6061 in RGB, HSL and CMYK?
In RGB, #5a6061 is rgb(90, 96, 97), in HSL hsl(189, 4%, 37%) and in CMYK 7%, 1%, 0%, 62%.
What text color works best on #5a6061?
White text reads most clearly on #5a6061 at about 6.4:1 contrast, which passes WCAG AA for body copy. Black falls far short of that, so keep dark type off this shade.
What colors pair well with #5a6061?
Warm accents like terracotta, brass, or mustard bring out its cool undertone and stop it from reading flat. Cream is a softer text option than pure white.
Is #5a6061 readable on white or black?
#5a6061 has a 6.40:1 contrast ratio on white and 3.28: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.