#0484B4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated blue carries a cool, clinical temperature that feels stable and professional. Because it maintains strong readability against black text, #0484b4 works well as a grounding base for corporate UI or financial dashboards where clarity matters more than flair. Use it sparingly to convey security and control without overwhelming your layout. The hex code for this shade is #0484b4.
Questions about #0484b4
What is #0484b4 in RGB, HSL and CMYK?
In RGB, #0484b4 is rgb(4, 132, 180), in HSL hsl(196, 96%, 36%) and in CMYK 98%, 27%, 0%, 29%.
Where does #0484b4 work best in UI design?
#0484b4 is an ideal choice for financial or corporate software interfaces because it conveys a sense of security and analytical control. Its stable, muted nature ensures that it remains readable and professional when used for primary buttons or navigation elements.
What colors pair well with #0484b4?
Pair #0484b4 with neutral shades like light gray or crisp white to maintain its clinical, high-contrast readability. For an accent, it works effectively alongside muted orange or soft gold tones, which provide a complementary warmth that balances the coolness of the blue.
Is #0484b4 readable on white or black?
#0484b4 has a 4.22:1 contrast ratio on white and 4.96: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.