#5A6068 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dark, #5a6068 is a blue-gray with ashy undertones and low saturation. Its restrained character suggests seriousness, control, and reliability, making it effective for finance, government, security, and technology interfaces. Use the hex code #5a6068 as a supporting tone or dark UI background, with white text for strong, accessible contrast. It can feel gloomy in large, unbalanced layouts.
Questions about #5a6068
What is #5a6068 in RGB, HSL and CMYK?
In RGB, #5a6068 is rgb(90, 96, 104), in HSL hsl(214, 7%, 38%) and in CMYK 13%, 8%, 0%, 59%. Browse more shades of gray with names and hex codes.
What colors pair well with #5a6068?
The #5a6068 hex color pairs well with white, soft gray, pale blue, and muted accent colors such as sage or terracotta, which add warmth without overpowering its restrained blue-gray base.
Is #5a6068 warm or cool?
#5a6068 reads as a cool blue-gray because its low-saturation gray base carries a subtle blue bias; that coolness supports a controlled, serious mood, while warm neutrals or earthy accents can keep layouts from feeling overly stark.
Is #5a6068 readable on white or black?
#5a6068 has a 6.34:1 contrast ratio on white and 3.30: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.