#0050B8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bold and saturated, #0050b8 is a high-intensity blue suited for commanding attention. It acts as an effective accent or call-to-action button where clarity is essential. While powerful, avoid using it as a large-scale background, as it can quickly overwhelm a design. White text remains perfectly legible on this hex code, offering a strong 7.4:1 contrast ratio for accessible typography.
Questions about #0050b8
What is #0050b8 in RGB, HSL and CMYK?
In RGB, #0050b8 is rgb(0, 80, 184), in HSL hsl(214, 100%, 36%) and in CMYK 100%, 57%, 0%, 28%.
Is #0050b8 suitable for text-heavy layouts?
#0050b8 is generally too saturated for large blocks of text, as it can cause eye strain during extended reading sessions. Use this vibrant shade primarily for interactive elements like buttons, icons, or headers where you need to draw immediate visual attention.
What colors work well with #0050b8?
This blue pairs effectively with light gray or warm neutrals to soften its intensity in professional designs. For a high-contrast, modern scheme, use it alongside white text, which maintains a 7.4:1 ratio that meets most web accessibility requirements.
Is #0050b8 readable on white or black?
#0050b8 has a 7.39:1 contrast ratio on white and 2.83: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.