#68C4E9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy cyan is a highly saturated hue that feels youthful and energetic. Use #68c4e9 as a punchy accent color rather than a primary background, where it can overwhelm a screen. It provides excellent contrast for black text, making it a functional choice for UI elements. If you want to ground this electric blue with what colors make gray, pair it with deep, muted charcoals.
Questions about #68c4e9
What is #68c4e9 in RGB, HSL and CMYK?
In RGB, #68c4e9 is rgb(104, 196, 233), in HSL hsl(197, 75%, 66%) and in CMYK 55%, 16%, 0%, 9%.
What colors pair well with #68c4e9 for a balanced design?
Because #68c4e9 is so highly saturated, it pairs beautifully with charcoal or deep navy tones to ground its energy. Using a neutral base prevents the cyan from overwhelming your layout while keeping the aesthetic modern and clean.
Is #68c4e9 suitable for large background areas in web design?
Generally, no, because #68c4e9 is intense and can quickly overwhelm the viewer when used on large surfaces. It functions much better as an intentional, punchy accent for buttons, icons, or specific highlighted data points to draw attention.
Is #68c4e9 readable on white or black?
#68c4e9 has a 1.96:1 contrast ratio on white and 10.66: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.