#63A1D6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#63a1d6 is a cool, unsaturated blue with a clear, reliable presence. This mid-tone works exceptionally well as a primary interface color for tech and financial platforms where clarity matters. Because it offers strong contrast against black text, it maintains excellent readability for small body copy. Pair it with soft, warm grays to prevent the shade from feeling too clinical or sterile in your designs.
Questions about #63a1d6
What is #63a1d6 in RGB, HSL and CMYK?
In RGB, #63a1d6 is rgb(99, 161, 214), in HSL hsl(208, 58%, 61%) and in CMYK 54%, 25%, 0%, 16%.
What colors pair best with #63a1d6?
This mid-tone blue pairs effectively with warm grays to ground its cool temperature and prevent a sterile appearance in user interfaces. It also balances well against deep charcoal or crisp white for high-contrast, professional design systems.
Why is #63a1d6 recommended for interface design?
Its unsaturated profile offers a professional, trustworthy presence that avoids visual fatigue during extended screen time. Because it maintains strong legibility against standard black text, it serves as an ideal primary color for fintech or complex data dashboards.
Is #63a1d6 readable on white or black?
#63a1d6 has a 2.76:1 contrast ratio on white and 7.59: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.