#007BD8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#007bd8 is a high-intensity, saturated shade that commands attention. Because it sits at a high level of chroma, it serves best as a bold accent rather than a background color. Its strong presence pairs surprisingly well with muted earth tones, preventing it from overwhelming a composition. The hex code for this assertive blue is #007bd8. Designers can learn more about mixing blue to adjust these saturation levels.
Questions about #007bd8
What is #007bd8 in RGB, HSL and CMYK?
In RGB, #007bd8 is rgb(0, 123, 216), in HSL hsl(206, 100%, 42%) and in CMYK 100%, 43%, 0%, 15%.
What colors pair well with #007bd8?
#007bd8 pairs best with muted, earthy tones like terracotta or soft sand to balance its high intensity. Using these grounded neutrals prevents the blue from overwhelming your design while keeping the overall aesthetic clean and modern.
Is #007bd8 suitable for body text or large background areas?
#007bd8 is generally too saturated for long-form text or large backgrounds as it causes visual strain over time. Use this shade sparingly for interactive elements, such as buttons or links, where you need to draw immediate user attention.
Is #007bd8 readable on white or black?
#007bd8 has a 4.35:1 contrast ratio on white and 4.82:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.