#0048D9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #0048d9 graphic
With high saturation and a medium-dark value, #0048d9 feels energetic, focused, and dependable. It works well for calls to action, technology branding, finance interfaces, and security-focused designs. Use it as a bold accent or dark UI base, where white text achieves about 7.2:1 contrast. The hex code for this blue is #0048d9.

Questions about #0048d9

What is #0048d9 in RGB, HSL and CMYK?
In RGB, #0048d9 is rgb(0, 72, 217), in HSL hsl(220, 100%, 43%) and in CMYK 100%, 67%, 0%, 15%. Browse more shades of blue with names and hex codes.
What colors pair well with #0048d9?
For a strong, readable palette, pair #0048d9 with white or very light neutrals, then add a warm accent such as coral or amber to balance its cool blue and create lively interface highlights. Dark navy can create a more serious, layered blue scheme.
Is #0048d9 warm or cool?
#0048d9 reads as a cool blue because its hue leans strongly toward blue without a noticeable red or yellow cast. Its high saturation gives it a crisp, energetic presence, while the darker value adds focus and visual weight.
Is #0048d9 readable on white or black?
#0048d9 has a 7.16:1 contrast ratio on white and 2.92:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.