#059CDE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, highly saturated blue commands attention without feeling aggressive. Because it has such a strong cool presence, #059cde works best as a punchy accent color rather than a large background field, which can easily overwhelm the eyes. It pairs exceptionally well with stark black text, as the contrast ratio is high enough to ensure excellent legibility for small, important details in user interfaces.
Questions about #059cde
What is #059cde in RGB, HSL and CMYK?
In RGB, #059cde is rgb(5, 156, 222), in HSL hsl(198, 96%, 45%) and in CMYK 98%, 30%, 0%, 13%.
How should I use #059cde in a user interface?
#059cde is best utilized as a punchy accent color rather than a primary background field to avoid overwhelming the user. Its high saturation provides excellent legibility for small elements, buttons, or icons when paired against stark black or very dark charcoal backgrounds.
Why is #059cde challenging to use for large backgrounds?
As a highly saturated and vivid cool blue, #059cde commands significant visual attention. Using it to cover large areas creates too much vibrating energy, which causes eye fatigue, making it far more effective when reserved for intentional, strategic highlights.
Is #059cde readable on white or black?
#059cde has a 3.08:1 contrast ratio on white and 6.81: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.