#048DD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, cool blue projects authority and reliability. It works well as a dominant brand color for technology or finance interfaces, providing a stable visual anchor. Because #048dd4 offers strong contrast against white, it remains legible for small text and UI elements. Pair it with crisp grays or charcoal to ground its intensity and keep your layout from feeling too overwhelming. The hex code is #048dd4.
Questions about #048dd4
What is #048dd4 in RGB, HSL and CMYK?
In RGB, #048dd4 is rgb(4, 141, 212), in HSL hsl(200, 96%, 42%) and in CMYK 98%, 33%, 0%, 17%.
How can I effectively use #048dd4 in a professional user interface?
#048dd4 works best as a primary action color for buttons or navigation highlights in finance and tech software. Because it is highly saturated, balance the intensity by using plenty of whitespace or pairing it with neutral tones like charcoal.
Is #048dd4 readable on white or black?
#048dd4 has a 3.64:1 contrast ratio on white and 5.76: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.