#54E4CF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma pastel teal feels fresh and light. Because of its luminous quality, #54e4cf works best as a vibrant accent color to break up neutral palettes. It pairs surprisingly well with deep charcoal grays for a modern tech aesthetic. Since it offers excellent contrast with black text, you can safely use it for button backgrounds or UI elements.
Questions about #54e4cf
What is #54e4cf in RGB, HSL and CMYK?
In RGB, #54e4cf is rgb(84, 228, 207), in HSL hsl(171, 73%, 61%) and in CMYK 63%, 0%, 9%, 11%.
Where should I use #54e4cf in a web design project?
#54e4cf works best as a vibrant call-to-action button or a highlight color in dashboard interfaces. Its high luminosity ensures it draws immediate visual attention, especially when placed against a deep charcoal or dark navy background.
Is #54e4cf suitable for text on light backgrounds?
#54e4cf is generally too light and saturated to serve as body text on white or light grey surfaces. It lacks the necessary contrast ratio for accessibility standards, so stick to using it for UI icons, buttons, or large graphic accents.
Is #54e4cf readable on white or black?
#54e4cf has a 1.57:1 contrast ratio on white and 13.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.