#04BCFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-voltage cyan grabs attention immediately. As a primary accent, #04bcfc is too aggressive for large backgrounds but excels as a call-to-action button or UI highlight. Because it is so saturated, black text remains perfectly legible against it. If you want to tone down its intensity, learning what colors make gray can help you balance this specific hex code in your palette.
Questions about #04bcfc
What is #04bcfc in RGB, HSL and CMYK?
In RGB, #04bcfc is rgb(4, 188, 252), in HSL hsl(195, 98%, 50%) and in CMYK 98%, 25%, 0%, 1%.
When should I use #04bcfc in my design projects?
This high-voltage cyan works best as a deliberate accent or call-to-action button because it demands attention. Its extreme saturation makes it a poor choice for large backgrounds, but it remains fully legible when paired with black text for high contrast.
How can I balance the intensity of #04bcfc?
You can balance the aggression of #04bcfc by pairing it with neutral, desaturated tones like charcoal. Using these muted counterparts helps ground the bright cyan, allowing it to function as a focal point without overwhelming the overall layout.
Is #04bcfc readable on white or black?
#04bcfc has a 2.18:1 contrast ratio on white and 9.60: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.