#54BFCD Hex Color

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

Hex color #54bfcd graphic
#54bfcd is a cool, softened cyan with blue-green undertones and moderate lightness. Its muted clarity suits spring layouts, baby products, communication tools, and technology branding without feeling overly bright. Use it as a dominant UI background with dark text, which reaches about 9.7:1 contrast. The hex code #54bfcd pairs well with navy and warm coral.

Questions about #54bfcd

What is #54bfcd in RGB, HSL and CMYK?
In RGB, #54bfcd is rgb(84, 191, 205), in HSL hsl(187, 55%, 57%) and in CMYK 59%, 7%, 0%, 20%.
What colors pair well with #54bfcd?
#54bfcd pairs well with navy for crisp contrast and warm coral for lively balance; white keeps it airy, while dark gray adds a softer, readable option for interfaces, packaging, and branding.
Does #54bfcd read as warm or cool?
#54bfcd reads as a cool color because its cyan base leans toward blue, while its softened saturation keeps the effect approachable rather than icy in interfaces and visual identities alike. It suggests clarity, calm, freshness, and friendly digital communication.
Where can designers use #54bfcd?
#54bfcd suits dominant UI backgrounds, spring layouts, baby products, communication tools, and technology branding, especially when dark text balances its light, softened cyan appearance without making the design feel overly bright.
Is #54bfcd readable on white or black?
#54bfcd has a 2.16:1 contrast ratio on white and 9.71: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.