#63B0E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated blue sits comfortably between pastel and mid-tone. Because it is highly legible, #63b0e3 makes a reliable choice for UI backgrounds or large-scale interface elements. Pair it with charcoal gray text for optimal readability, as the hex code offers excellent contrast. Use it sparingly in branding to avoid looking washed out against lighter backgrounds.
Questions about #63b0e3
What is #63b0e3 in RGB, HSL and CMYK?
In RGB, #63b0e3 is rgb(99, 176, 227), in HSL hsl(204, 70%, 64%) and in CMYK 56%, 22%, 0%, 11%.
What colors pair best with #63b0e3?
#63b0e3 reads best with deep, neutral text to maintain high contrast levels. Pair it with charcoal or deep slate gray text for optimal readability, as these darker tones anchor the light blue without overwhelming the interface design.
Is #63b0e3 suitable for primary branding?
While #63b0e3 is highly functional for UI backgrounds, it can look washed out if used as the primary color for logos or bold text. Use it sparingly for interactive elements, or pair it with a deeper navy to ground the palette.
Is #63b0e3 readable on white or black?
#63b0e3 has a 2.37:1 contrast ratio on white and 8.84: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.