#0B60C6 Hex Color

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

Select a Color

This bold blue is highly saturated and demands attention. Because it commands such visual weight, #0b60c6 works best as a primary action button or a deliberate UI accent rather than a full background. It pairs cleanly with white text, which meets accessibility standards for small body copy. To see where this fits alongside other shades of blue, check the hex code #0b60c6 against more muted, desaturated palettes.

Questions about #0b60c6

What is #0b60c6 in RGB, HSL and CMYK?

In RGB, #0b60c6 is rgb(11, 96, 198), in HSL hsl(213, 89%, 41%) and in CMYK 94%, 52%, 0%, 22%.

Which colors pair best with #0b60c6?

To balance the high saturation of this blue, pair it with neutral tones like light gray or off-white to prevent visual fatigue. If you need a more dynamic scheme, it works well alongside subtle pops of coral or mustard.

Is #0b60c6 readable on white or black?

#0b60c6 has a 5.99:1 contrast ratio on white and 3.50: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.

#0B60C6 Hex Color

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

Questions about #0b60c6

Color tools

Resources