#63A5F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, medium-toned blue offers a clean look for UI designs and corporate branding. The hex code #63a5f0 provides excellent readability, supporting small black text with a contrast ratio of 8.2:1. Because of its stable and professional character, it performs well as a dominant base color in technology or finance layouts where clear, readable communication is the priority.
Questions about #63a5f0
What is #63a5f0 in RGB, HSL and CMYK?
In RGB, #63a5f0 is rgb(99, 165, 240), in HSL hsl(212, 82%, 66%) and in CMYK 59%, 31%, 0%, 6%.
What colors pair well with #63a5f0 for UI design?
#63a5f0 pairs effectively with deep neutrals like charcoal or soft off-whites to maintain a professional balance. Because it is a saturated mid-tone, avoid placing it against busy patterns; instead, let this blue serve as a solid background or primary interactive button.
Is #63a5f0 readable on white or black?
#63a5f0 has a 2.57:1 contrast ratio on white and 8.17: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.