#5A6984 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, inky blue projects a sense of steady reliability without shouting. Because of its extremely low saturation and dim tone, #5a6984 serves best as a supporting background or a secondary accent rather than a primary fill. It pairs well with soft creams or warm grays to balance its starkness. White text remains readable against it, making this hex code a practical choice for professional interfaces.
Questions about #5a6984
What is #5a6984 in RGB, HSL and CMYK?
In RGB, #5a6984 is rgb(90, 105, 132), in HSL hsl(219, 19%, 44%) and in CMYK 32%, 20%, 0%, 48%.
What colors pair well with #5a6984 in a design scheme?
#5a6984 works best when balanced by soft creams, warm grays, or off-whites to counter its cool, moody nature. Because of its low saturation, it functions effectively as a grounding element for brighter accent colors like mustard or terracotta.
Is #5a6984 a good choice for text-heavy interfaces?
#5a6984 serves better as a background or secondary accent color rather than a primary text color due to its dim tone. It offers excellent contrast for white text, making it a highly practical choice for professional, readable UI designs.
Is #5a6984 readable on white or black?
#5a6984 has a 5.54:1 contrast ratio on white and 3.78: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.