#00A6F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated cyan commands attention without feeling aggressive. Because of its high intensity, #00a6f2 works best as a deliberate accent or call-to-action button rather than a large background. It offers excellent readability with black text, making it a functional choice for high-contrast UI elements. Pair this hex code with dark charcoal grays to ground its electric energy and keep layouts looking professional.
Questions about #00a6f2
What is #00a6f2 in RGB, HSL and CMYK?
In RGB, #00a6f2 is rgb(0, 166, 242), in HSL hsl(199, 100%, 47%) and in CMYK 100%, 31%, 0%, 5%.
How can I effectively use #00a6f2 in user interface design?
#00a6f2 functions best as a focused accent or call-to-action button rather than a large background color. Because of its high intensity, pair it with charcoal or deep neutral text to ground its electric energy and maintain professional readability.
Is #00a6f2 readable on white or black?
#00a6f2 has a 2.71:1 contrast ratio on white and 7.73: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.