#48D6F2 Hex Color

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

Hex color #48d6f2 graphic
This bright, high-saturation cyan brings a fresh, electrified energy to digital interfaces. Because #48d6f2 offers such high contrast against black text, it works well as a primary CTA button or an accent against neutral dark modes. It can feel overwhelming as a full background, so use it sparingly to avoid washing out other elements. The hex code for this vivid shade is #48d6f2.

Questions about #48d6f2

What is #48d6f2 in RGB, HSL and CMYK?
In RGB, #48d6f2 is rgb(72, 214, 242), in HSL hsl(190, 87%, 62%) and in CMYK 70%, 12%, 0%, 5%.
How can I effectively use #48d6f2 in a UI design?
#48d6f2 works best as an accent color for primary call-to-action buttons or highlights within dark mode interfaces. Because of its intense brightness, use it sparingly against neutral backgrounds to avoid overwhelming the user or washing out critical interface elements.
What colors pair well with #48d6f2 for a balanced palette?
Pair #48d6f2 with a deep charcoal or near-black to provide the necessary contrast for readability. If you want a more vibrant scheme, it also creates striking combinations when contrasted with complementary orange or warm coral tones.
Is #48d6f2 readable on white or black?
#48d6f2 has a 1.72:1 contrast ratio on white and 12.17: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.