#42C6FF Hex Color

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

Hex color #42c6ff graphic
A bright, electric cyan, #42c6ff projects high energy and clarity. Because of its high saturation, use it as an accent rather than a full background to avoid visual fatigue. It pairs surprisingly well with deep charcoal or burnt orange to ground its intensity. The hex code #42c6ff is ideal for modern tech UI elements, though designers often study mixing gray to find more balanced, neutral companions.

Questions about #42c6ff

What is #42c6ff in RGB, HSL and CMYK?
In RGB, #42c6ff is rgb(66, 198, 255), in HSL hsl(198, 100%, 63%) and in CMYK 74%, 22%, 0%, 0%. Browse more shades of blue with names and hex codes.
What colors pair well with #42c6ff?
Because of its intense saturation, #42c6ff creates a balanced visual hierarchy when grounded by deep neutrals like charcoal or slate. It also provides a high-contrast, energetic pop when placed alongside muted, warm tones like burnt orange.
Is #42c6ff suitable for UI text?
Using #42c6ff as primary body text is not recommended because it lacks sufficient contrast against standard white backgrounds and can cause significant eye strain. It functions best as an interactive UI accent for buttons, links, or specific data highlights.
Is #42c6ff readable on white or black?
#42c6ff has a 1.95:1 contrast ratio on white and 10.75: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.