#5A7B86 Hex Color

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

Hex color #5a7b86 graphic
#5a7b86 is a dusty, unsaturated cyan with a matte, ashy finish. It provides a grounded, understated base for UI designs or corporate branding. Because it is highly muted, it works well as a supporting tone rather than a dominant color. Pair it with soft cream or charcoal to avoid a muddy appearance. This hex code meets contrast standards for readable black body text.

Questions about #5a7b86

What is #5a7b86 in RGB, HSL and CMYK?
In RGB, #5a7b86 is rgb(90, 123, 134), in HSL hsl(195, 20%, 44%) and in CMYK 33%, 8%, 0%, 47%.
What colors pair best with #5a7b86?
This shade functions best as a supporting tone when paired with cream or deep charcoal. Avoid placing it next to highly saturated brights, which can make it appear muddy rather than its intended matte, ashy finish.
Is #5a7b86 a good choice for UI text?
Yes, this hex color meets standard accessibility contrast requirements when used against white or light backgrounds. It serves well as a secondary UI element or muted background without sacrificing readability for standard body text.
Is #5a7b86 readable on white or black?
#5a7b86 has a 4.55:1 contrast ratio on white and 4.61: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 for body text. Try other pairs in the contrast checker.