#0F5BDD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy blue commands attention. With a 5.9:1 contrast ratio against white, text remains readable, making it a solid choice for UI highlights and primary buttons. The hex code is #0f5bdd. Because it is so intense, use it as an accent rather than a page background. Mastering what colors make blue at this level of saturation requires starting with strong, pure pigments.
Questions about #0f5bdd
What is #0f5bdd in RGB, HSL and CMYK?
In RGB, #0f5bdd is rgb(15, 91, 221), in HSL hsl(218, 87%, 46%) and in CMYK 93%, 59%, 0%, 13%.
Which colors pair well with #0f5bdd?
This intense blue pairs best with neutral tones like charcoal or soft off-whites to balance its high energy. For a more dynamic palette, consider using complementary oranges or warm yellows as subtle accents to create a vibrant, modern interface design.
Is #0f5bdd readable on white or black?
#0f5bdd has a 5.89:1 contrast ratio on white and 3.56: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.