#5A7E84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty cyan lands as a muted, ashy neutral that avoids the intensity of primary shades. Because of its desaturation, #5a7e84 works best as a supporting background element rather than a dominant color. Pair it with crisp charcoal or soft cream to maintain readability. The hex code #5a7e84 meets WCAG AA standards for black body text, making it a functional, grounded choice for modern UI designs.
Questions about #5a7e84
What is #5a7e84 in RGB, HSL and CMYK?
In RGB, #5a7e84 is rgb(90, 126, 132), in HSL hsl(189, 19%, 44%) and in CMYK 32%, 5%, 0%, 48%.
Which colors pair best with #5a7e84 for UI design?
Is #5a7e84 considered a warm or cool color?
The #5a7e84 hex color leans distinctly cool due to its strong cyan base, though its high gray content softens the effect significantly. This balance prevents it from feeling clinical and helps it act as a versatile, calming neutral in user interface design.
Is #5a7e84 readable on white or black?
#5a7e84 has a 4.41:1 contrast ratio on white and 4.75: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.