#34B7F1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, electric sky blue carries high saturation, making it a vivid choice for UI accents rather than large backgrounds. It projects professional reliability, commonly seen in tech and finance branding. Because it is highly visible, black text reads clearly against this hex code #34b7f1. When you need to create a muted palette, knowing what colors make gray helps balance this punchy shade.
Questions about #34b7f1
What is #34b7f1 in RGB, HSL and CMYK?
In RGB, #34b7f1 is rgb(52, 183, 241), in HSL hsl(198, 87%, 57%) and in CMYK 78%, 24%, 0%, 5%.
Where should I use #34b7f1 in a UI design?
#34b7f1 serves best as an interactive accent rather than a primary background color due to its high saturation. Use it for buttons, active link states, or call-to-action elements where you need to draw the user eye immediately.
What colors pair well with #34b7f1 for a balanced palette?
This bright blue balances well against charcoal or deep navy for professional contrast. To soften the intensity, pair it with neutral whites or light grays, which allow the vibrant blue to pop without overwhelming the overall layout.
Is #34b7f1 readable on white or black?
#34b7f1 has a 2.28:1 contrast ratio on white and 9.18: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.