#0059D6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue commands attention in digital interfaces. Because it is so intense, use it as a 10% accent for calls to action rather than a large background. The hex code #0059d6 provides a 6.2:1 contrast ratio with white text, making it accessible for button labels. Pair this bold shade with muted, slate grays to balance its intensity.
Questions about #0059d6
What is #0059d6 in RGB, HSL and CMYK?
In RGB, #0059d6 is rgb(0, 89, 214), in HSL hsl(215, 100%, 42%) and in CMYK 100%, 58%, 0%, 16%.
Why is #0059d6 effective for UI buttons?
This hex color maintains a 6.2:1 contrast ratio against white, which meets standard web accessibility requirements for text readability. It acts as a powerful attention-grabbing accent that keeps users focused on critical calls to action without overwhelming a layout.
What colors best complement #0059d6?
Balance the intensity of #0059d6 by pairing it with neutral, muted tones such as charcoal or soft slate grays. These quieter background colors allow the vibrant blue to pop effectively without creating visual fatigue for the reader.
Is #0059d6 readable on white or black?
#0059d6 has a 6.17:1 contrast ratio on white and 3.39: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.