#54A6B0 Hex Color

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

Hex color #54a6b0 graphic
#54a6b0 is a muted, cool cyan with a distinct desaturated quality. This shade functions best as a supporting tone or accent rather than a dominant background, as it can feel slightly flat in large applications. Pair this hex code with warm charcoal grays or soft corals to create balance. Black text maintains high readability over this mid-tone, meeting accessibility standards for body content.

Questions about #54a6b0

What is #54a6b0 in RGB, HSL and CMYK?
In RGB, #54a6b0 is rgb(84, 166, 176), in HSL hsl(187, 37%, 51%) and in CMYK 52%, 6%, 0%, 31%.
What colors pair best with #54a6b0?
This muted cyan works exceptionally well when balanced against charcoal or soft coral tones. The warmth from these pairings prevents the cyan from feeling too flat while maintaining a professional and cohesive visual hierarchy.
Is #54a6b0 suitable for text on a white background?
#54a6b0 is generally too light to be used as body text against white while meeting standard accessibility guidelines. It functions best as an accent color or a graphic element, while black text remains the safer choice for high-readability content.
Is #54a6b0 readable on white or black?
#54a6b0 has a 2.81:1 contrast ratio on white and 7.45: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.