#04ABFB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and neon in character, #04abfb demands attention. This vivid blue carries a cool temperature and saturation that makes it difficult to use as a primary background. Instead, reserve this hex code for UI accents like call-to-action buttons or small alerts. It pairs surprisingly well with deep charcoal or slate grays, where black text ensures high readability.
Questions about #04abfb
What is #04abfb in RGB, HSL and CMYK?
In RGB, #04abfb is rgb(4, 171, 251), in HSL hsl(199, 97%, 50%) and in CMYK 98%, 32%, 0%, 2%. Browse more shades of blue with names and hex codes.
How can I effectively use #04abfb in a digital interface?
#04abfb is far too intense for a primary background color, but it shines as an accent for call-to-action buttons or hover states. Pair it with deep charcoal or dark gray surfaces to maintain readability without overwhelming the user.
Is #04abfb considered a warm or cool blue?
This color is distinctly cool, carrying a high-saturation, neon-like temperature that feels electric and digital. It avoids the muted or muddy qualities of softer blues, making it a sharp, modern choice for high-energy design systems or tech-forward branding projects.
Is #04abfb readable on white or black?
#04abfb has a 2.55:1 contrast ratio on white and 8.22: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.