#54BBEB Hex Color

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

Hex color #54bbeb graphic
#54bbeb is a light, cool blue with clear saturation and a softly glowing quality. Its clean, youthful feel suits healthcare, technology, finance, and spring-themed designs. Use it as a supporting tone with navy or warm gray, or as a UI background. Black text has about 9.7:1 contrast, making the hex code suitable for readable body copy.

Questions about #54bbeb

What is #54bbeb in RGB, HSL and CMYK?
In RGB, #54bbeb is rgb(84, 187, 235), in HSL hsl(199, 79%, 63%) and in CMYK 64%, 20%, 0%, 8%.
What colors pair well with #54bbeb?
Navy, warm gray, and white pair well with #54bbeb, balancing its bright coolness while preserving a clean, modern feel; navy adds structure, warm gray softens the palette, and white keeps interfaces open and airy.
Does #54bbeb read as warm or cool?
#54bbeb reads as a cool blue because its blue channel is stronger than its red component, giving it a crisp, airy character. Its high lightness and clear saturation make it feel youthful, clean, and energetic rather than muted or formal.
Is #54bbeb readable on white or black?
#54bbeb has a 2.16:1 contrast ratio on white and 9.68: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.