#63B2F2 Hex Color

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

Hex color #63b2f2 graphic
#63b2f2 is a pastel blue, light and gently saturated, with a cool, sky-soft feel. It shines as a dominant background in healthcare, finance, and baby product design. Black text on it reaches about 9.2:1 contrast, so small body copy stays readable. It can wash out beside plain white, so anchor it with a deeper tone; see what colors make gray for muted pairing ideas.

Questions about #63b2f2

What is #63b2f2 in RGB, HSL and CMYK?
In RGB, #63b2f2 is rgb(99, 178, 242), in HSL hsl(207, 85%, 67%) and in CMYK 59%, 26%, 0%, 5%.
What text color works best on a #63b2f2 background?
Black text works best, with about a 9.2:1 contrast ratio that clears WCAG AA for small body text. White text falls short of that threshold, so skip it for fine print.
What colors pair well with #63b2f2?
Pair it with navy for grounding or a warm coral accent for contrast, since its lightness can wash out next to plain white. Muted slate grays also work well.
Is #63b2f2 readable on white or black?
#63b2f2 has a 2.28:1 contrast ratio on white and 9.18: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.