#42CAFD Hex Color

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

Hex color #42cafd graphic
A bright, high-saturation cyan, #42cafd brings a sharp, electric energy to UI designs. Its intensity makes it better suited as a 10% accent than a dominant background color, as it can easily overwhelm other elements. Use it against dark, neutral surfaces for maximum impact, or pair it with charcoal when learning how to make gray look balanced. This hex code provides excellent readability for text.

Questions about #42cafd

What is #42cafd in RGB, HSL and CMYK?
In RGB, #42cafd is rgb(66, 202, 253), in HSL hsl(196, 98%, 63%) and in CMYK 74%, 20%, 0%, 1%.
How can I effectively use #42cafd in a professional interface?
Treat #42cafd as a high-impact accent color rather than a primary background to avoid overwhelming your layout. It pairs effectively with charcoal or deep navy surfaces, providing strong readability and a sharp, modern energy for specific call-to-action buttons.
Is #42cafd readable on white or black?
#42cafd has a 1.89:1 contrast ratio on white and 11.09: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.