#54A484 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #54a484 when a layout needs a teal that stays steady behind content. This hex code sits at medium lightness with muted saturation, so it reads cool and settled instead of bright. Black text clears AA body-text contrast on it, which makes the shade practical for healthcare, wellness, and communication brands. It works best as a dominant base, and looks richer against terracotta than against plain white.
Questions about #54a484
What is #54a484 in RGB, HSL and CMYK?
In RGB, #54a484 is rgb(84, 164, 132), in HSL hsl(156, 32%, 49%) and in CMYK 49%, 0%, 20%, 36%.
What colors pair well with #54a484?
Warm accents flatter #54a484 best. Terracotta and soft coral bring out its cool undertone, while charcoal grounds it in interface work. Pale grays tend to wash it out, so keep light neutrals off to the side.
Is #54a484 readable on white or black?
#54a484 has a 2.99:1 contrast ratio on white and 7.02: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.