#54B5E6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy blue sits on the cool side of the spectrum with a distinctly cheerful, pastel chroma. It offers excellent legibility for black text, making it a functional choice for UI buttons or instructional icons in tech and healthcare apps. Use #54b5e6 as an accent rather than a full background to avoid overwhelming the eye. The hex code for this shade is #54b5e6.
Questions about #54b5e6
What is #54b5e6 in RGB, HSL and CMYK?
In RGB, #54b5e6 is rgb(84, 181, 230), in HSL hsl(200, 74%, 62%) and in CMYK 63%, 21%, 0%, 10%.
How should I use #54b5e6 in user interface design?
Use #54b5e6 primarily as an accent color rather than a background shade to keep visual interest focused on key elements. It provides excellent legibility for black text, making it highly effective for call-to-action buttons or navigation icons.
What colors pair well with the sky blue tone of #54b5e6?
This vibrant blue pairs naturally with neutral tones like a deep charcoal or soft slate gray, which ground its cheerfulness. For a balanced, energetic scheme, contrast it with complementary soft coral or muted orange accents to prevent visual fatigue.
Is #54b5e6 readable on white or black?
#54b5e6 has a 2.30:1 contrast ratio on white and 9.12: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.