#63AADC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a soft and airy character, making it effective for digital interfaces and modern branding. Because black text offers 8.3:1 contrast against this shade, the hex code #63aadc works perfectly for body copy or UI backgrounds. It shines as a dominant base color. Try pairing it with a dark, warm grey to ground its lightness and prevent a washed-out appearance.
Questions about #63aadc
What is #63aadc in RGB, HSL and CMYK?
In RGB, #63aadc is rgb(99, 170, 220), in HSL hsl(205, 63%, 63%) and in CMYK 55%, 23%, 0%, 14%.
What colors pair well with #63aadc in a design scheme?
This blue functions best when grounded by a dark, warm grey or a deep charcoal to prevent the interface from feeling too washed out or ethereal. Using a high-contrast neutral prevents the airy quality of #63aadc from overwhelming your layout.
Is #63aadc readable on white or black?
#63aadc has a 2.52:1 contrast ratio on white and 8.31: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.