#02A7DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, bright cyan functions best as a dominant primary for modern technology and finance brands. Because it is highly legible, #02a7dd supports high-contrast accessibility standards when paired with black text. Use it sparingly, as its intensity can easily overwhelm a layout. While perfect for active UI elements, this hex code can feel too clinical for background use in more relaxed, consumer-focused designs.
Questions about #02a7dd
What is #02a7dd in RGB, HSL and CMYK?
In RGB, #02a7dd is rgb(2, 167, 221), in HSL hsl(195, 98%, 44%) and in CMYK 99%, 24%, 0%, 13%.
Where should I use #02a7dd in my UI design?
#02a7dd works best as a primary action color for buttons, links, or notification highlights. Because of its intense brightness, avoid using it as a large background fill, as it can strain the eyes and overwhelm other page content.
Is #02a7dd readable on white or black?
#02a7dd has a 2.77:1 contrast ratio on white and 7.57:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.