#0B6DDD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation blue #0b6ddd demands attention with its intense, electric character. Because of its strength, use this hex code sparingly as an accent for call-to-action buttons or highlights rather than large backgrounds. It maintains solid readability against white text, making it a reliable choice for UI components. If you are learning how to make blue tones like this, remember that high chroma requires careful balance.
Questions about #0b6ddd
What is #0b6ddd in RGB, HSL and CMYK?
In RGB, #0b6ddd is rgb(11, 109, 221), in HSL hsl(212, 91%, 45%) and in CMYK 95%, 51%, 0%, 13%.
Where should I use #0b6ddd in my design system?
Because #0b6ddd is so highly saturated, it works best as a functional accent rather than a primary background color. Use it sparingly for call-to-action buttons, active states, or icons that need to cut through a neutral layout.
What colors pair well with #0b6ddd for a balanced look?
To ground the intensity of #0b6ddd, pair it with neutral tones like charcoal or soft whites. For a more adventurous palette, use it alongside complementary orange hues to create a high-impact, energetic contrast suitable for modern digital interfaces.
Is #0b6ddd readable on white or black?
#0b6ddd has a 4.94:1 contrast ratio on white and 4.24: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.