#0484FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, highly saturated blue demands immediate attention. Due to its brightness, #0484fc works best as a punchy 10% accent rather than a dominant background color. It pairs surprisingly well with muted teals, creating a modern, tech-focused palette. Because it maintains a contrast ratio of 5.7:1 against black, the hex code #0484fc remains legible for UI elements and call-to-action buttons.
Questions about #0484fc
What is #0484fc in RGB, HSL and CMYK?
In RGB, #0484fc is rgb(4, 132, 252), in HSL hsl(209, 98%, 50%) and in CMYK 98%, 48%, 0%, 1%.
How should I use #0484fc in a UI design?
#0484fc is best utilized as a tactical 10% accent color rather than a primary background shade. Its high saturation works perfectly for drawing attention to specific interface elements like call-to-action buttons, icons, or important notification badges.
What colors pair well with #0484fc?
Pair #0484fc with muted tones like charcoal or soft grays to ground its intensity. For a modern tech aesthetic, try balancing it against desaturated teals, which creates a sophisticated contrast without overwhelming the viewer's eyes.
Is #0484fc readable on white or black?
#0484fc has a 3.67:1 contrast ratio on white and 5.71: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.