#04B3E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma cyan is bright and cool, radiating a sharp, digital energy. Because of its intensity, #04b3e3 works best as an accent color rather than a primary background to avoid overwhelming the eye. It pairs well with deep charcoal or warm, muted orange for high-contrast palettes. Black text is highly readable against this hex code, ensuring your designs remain accessible to all users.
Questions about #04b3e3
What is #04b3e3 in RGB, HSL and CMYK?
In RGB, #04b3e3 is rgb(4, 179, 227), in HSL hsl(193, 97%, 45%) and in CMYK 98%, 21%, 0%, 11%.
What colors pair best with #04b3e3?
To balance the high intensity of #04b3e3, pair it with deep, neutral tones like charcoal or matte black to anchor the brightness. If you prefer warmer contrast, a muted, desaturated orange creates a complementary effect that makes this cyan pop without overwhelming the viewer.
Is #04b3e3 suitable for large backgrounds?
Using #04b3e3 as a primary background often causes eye strain due to its high-chroma nature and intense saturation. Instead, reserve it for high-impact call-to-action buttons or small graphical accents where its digital energy can guide the user's eye effectively without becoming distracting.
Is #04b3e3 readable on white or black?
#04b3e3 has a 2.45:1 contrast ratio on white and 8.56: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.