#54B5AE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#54b5ae is a muted, cooling teal that sits comfortably between blue and green. Because it offers high contrast against black text, this hex code works exceptionally well for readable UI body copy. Use it as a dominant background in wellness branding to create a sense of clarity. It looks grounded when paired with dark, charcoal grays rather than bright white.
Questions about #54b5ae
What is #54b5ae in RGB, HSL and CMYK?
In RGB, #54b5ae is rgb(84, 181, 174), in HSL hsl(176, 40%, 52%) and in CMYK 54%, 0%, 4%, 29%.
Why is #54b5ae a strong choice for UI design?
#54b5ae offers a perfect balance of blue and green, ensuring high legibility against dark backgrounds. It creates a calming, professional atmosphere for wellness apps or websites, especially when paired with charcoal for a sophisticated look rather than high-contrast stark white.
What colors coordinate well with #54b5ae?
This muted teal works beautifully with grounded neutrals like slate or charcoal. To create a vibrant, balanced scheme, pair it with soft, warm accents like terracotta or light sand tones which prevent the overall palette from feeling too cold or sterile.
Is #54b5ae readable on white or black?
#54b5ae has a 2.44:1 contrast ratio on white and 8.59: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.