#68B2FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, electric sky blue commands attention while maintaining a clean, professional edge. Because it is highly saturated, the hex code #68b2ff works best as a primary action button or a striking UI accent rather than a full page background. Pair it with dark charcoal for a modern look. With a 9.4:1 contrast ratio against black text, the color remains perfectly readable for any interface.
Questions about #68b2ff
What is #68b2ff in RGB, HSL and CMYK?
In RGB, #68b2ff is rgb(104, 178, 255), in HSL hsl(211, 100%, 70%) and in CMYK 59%, 30%, 0%, 0%.
What design elements work best with #68b2ff?
#68b2ff functions best as a high-visibility accent color, such as primary buttons, hover states, or call-to-action links. Because of its intense saturation, avoid using it for large backgrounds, which can overwhelm the viewer and detract from readability.
Which colors create a balanced palette with #68b2ff?
Pair #68b2ff with charcoal or deep navy to ground its electric energy and establish a modern, professional hierarchy. Neutral greys and crisp whites also help the blue pop without competing for attention on the page.
Is #68b2ff readable on white or black?
#68b2ff has a 2.23:1 contrast ratio on white and 9.40: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.