#0484D4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#0484d4 is a vivid, high-energy blue with an intense saturation that commands attention. Because it pairs well with black text for accessible, readable body copy, it works effectively for interface design, buttons, and call-to-action highlights. Use this bold hex code sparingly as a 10% accent color to maintain visual balance, as its brightness can easily overwhelm softer color palettes in larger layouts.
Questions about #0484d4
What is #0484d4 in RGB, HSL and CMYK?
In RGB, #0484d4 is rgb(4, 132, 212), in HSL hsl(203, 96%, 42%) and in CMYK 98%, 38%, 0%, 17%.
Does #0484d4 work well with dark mode backgrounds?
Yes, #0484d4 maintains high visibility and clarity when placed against dark backgrounds like charcoal or deep gray. Because of its intense saturation, it creates a modern, neon-like effect that stands out sharply without becoming difficult to read.
How can I use #0484d4 effectively in my layout?
Apply #0484d4 sparingly, ideally covering no more than 10% of your total interface space, to keep the design balanced. It functions best as an accent color for primary call-to-action buttons or clickable links rather than for large background blocks.
Is #0484d4 readable on white or black?
#0484d4 has a 3.99:1 contrast ratio on white and 5.25:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.