#54A5AF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool cyan carries a distinct retro tech aesthetic. Because it lacks extreme saturation, #54a5af works effectively as a supporting tone in UI design rather than a primary background. It pairs cleanly with warm grays or soft corals to balance its chill. Since it maintains high contrast against black text, it reads clearly in small type applications. The hex code for this color is #54a5af.
Questions about #54a5af
What is #54a5af in RGB, HSL and CMYK?
In RGB, #54a5af is rgb(84, 165, 175), in HSL hsl(187, 36%, 51%) and in CMYK 52%, 6%, 0%, 31%.
What colors pair well with #54a5af?
This desaturated cool cyan balances beautifully with warm, earthy neutrals like warm gray or soft terracotta. Because it lacks intense saturation, it also sits comfortably next to charcoal text without creating the visual vibration often found with brighter blues.
Is #54a5af a good choice for UI text?
While #54a5af maintains decent contrast against white, it is best reserved for UI elements like buttons, icons, or secondary headings rather than small body text. Always verify your specific contrast ratios against your chosen background color to ensure readability standards are met.
Is #54a5af readable on white or black?
#54a5af has a 2.84:1 contrast ratio on white and 7.37:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.