#48C7F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright cyan is highly saturated, creating a sparkling and cool effect. Because it is so vivid, #48c7f9 works best as a punchy accent color rather than a primary background. Pair it with dark charcoal for high-contrast UI elements. Since black text remains legible, you can use it for small, bold call-to-action buttons. Learn more about mixing gray to find balanced neutrals that complement this electric shade.
Questions about #48c7f9
What is #48c7f9 in RGB, HSL and CMYK?
In RGB, #48c7f9 is rgb(72, 199, 249), in HSL hsl(197, 94%, 63%) and in CMYK 71%, 20%, 0%, 2%.
What colors pair best with #48c7f9?
This vibrant cyan pairs beautifully with charcoal or deep navy for high-contrast UI layouts. Because the color is so intense, it balances well against neutral, desaturated backgrounds that allow its electric, sparkling quality to act as an effective call-to-action button.
Is #48c7f9 suitable for large text blocks?
Avoid using #48c7f9 for large bodies of text, as its high saturation can strain the eyes during extended reading. It is much more effective when reserved for small, intentional interface components like buttons, icon highlights, or subtle design accents.
Is #48c7f9 readable on white or black?
#48c7f9 has a 1.94:1 contrast ratio on white and 10.81: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.