#04B1B8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan carries a refreshing, technological edge. Because #04b1b8 holds strong contrast, it works best as an accent color for interface elements or branding rather than a dominant background. Pair it with soft, warm grays to temper its intensity. Since black text provides excellent readability against this hex code, it functions well for high-visibility buttons or iconography in UI design.
Questions about #04b1b8
What is #04b1b8 in RGB, HSL and CMYK?
In RGB, #04b1b8 is rgb(4, 177, 184), in HSL hsl(182, 96%, 37%) and in CMYK 98%, 4%, 0%, 28%.
How should I use #04b1b8 in a UI design?
#04b1b8 functions best as an accent color for interactive elements like buttons, toggles, or iconography rather than a main background. Its high visual intensity draws immediate attention, ensuring key navigation tools remain highly visible and readable against standard white or neutral interfaces.
What colors pair well with #04b1b8?
Pair #04b1b8 with soft, warm grays or charcoal to balance its technological chill. Avoid placing it near other highly saturated neons, which can create eye strain; instead, use muted, earthy neutrals to anchor the vibrancy of this cyan effectively.
Is #04b1b8 readable on white or black?
#04b1b8 has a 2.62:1 contrast ratio on white and 7.98: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.