#48A6D4 Hex Color

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

Hex color #48a6d4 graphic
This unsaturated, cool blue carries a professional, stable quality often found in corporate identity and government UI design. Because #48a6d4 maintains a high contrast ratio with black text, it works well for legible interface buttons or data visualizations. Pair this tone with warm charcoal grays rather than pure black to soften its clinical edge and create a more sophisticated, modern look.

Questions about #48a6d4

What is #48a6d4 in RGB, HSL and CMYK?
In RGB, #48a6d4 is rgb(72, 166, 212), in HSL hsl(200, 62%, 56%) and in CMYK 66%, 22%, 0%, 17%.
What colors pair well with #48a6d4?
This cool blue balances beautifully with charcoal or soft slate grays rather than pure black to maintain a sophisticated interface. For accent colors, it creates a clean, professional aesthetic when paired with crisp white or muted navy tones.
Is #48a6d4 readable on white or black?
#48a6d4 has a 2.73:1 contrast ratio on white and 7.68: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.