#63B1F1 Hex Color

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

Hex color #63b1f1 graphic
This pastel sky blue strikes a balance between professional and approachable. Because it is highly legible, the hex code #63b1f1 works well as a primary background for UI designs that prioritize readability. It pairs effortlessly with soft charcoal greys, avoiding the washed-out look that lighter blues often suffer from when placed against pure white. This shade is a reliable choice for modern technology and healthcare branding.

Questions about #63b1f1

What is #63b1f1 in RGB, HSL and CMYK?
In RGB, #63b1f1 is rgb(99, 177, 241), in HSL hsl(207, 84%, 67%) and in CMYK 59%, 27%, 0%, 5%.
What colors pair naturally with #63b1f1 in branding?
Because it feels clean and approachable, #63b1f1 pairs effectively with soft, neutral tones like slate or charcoal. These pairings create a balanced, modern aesthetic that avoids the common issue of lighter blues appearing washed out against a standard white background.
Is #63b1f1 readable on white or black?
#63b1f1 has a 2.31:1 contrast ratio on white and 9.08: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.