#00ACC8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan carries a refreshing clarity that works well for modern tech interfaces. Because black text maintains strong legibility against this hue, it performs reliably in buttons and icons. The hex code for this color is #00acc8. Pair it with dark charcoal for a professional, high-contrast look, or use it as a 10% accent to inject energy into a neutral palette without overwhelming the design.
Questions about #00acc8
What is #00acc8 in RGB, HSL and CMYK?
In RGB, #00acc8 is rgb(0, 172, 200), in HSL hsl(188, 100%, 39%) and in CMYK 100%, 14%, 0%, 22%.
What colors pair best with #00acc8 for professional design?
Pair #00acc8 with charcoal or deep slate tones to create a balanced, high-contrast professional look. The clean clarity of this cyan prevents it from clashing with neutral grays, allowing it to function as a vibrant, energetic accent in data-heavy interfaces.
Is #00acc8 suitable for text on a white background?
Using #00acc8 for small text against a white background generally fails accessibility standards for WCAG contrast ratios. It performs much better as a primary color for UI elements, buttons, or large, bold headings rather than body copy, which requires darker tones.
Is #00acc8 readable on white or black?
#00acc8 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.