#00ACC1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With a cool blue-green cast and medium lightness, the hex code #00acc1 brings refreshing energy without the weight of dark teal. Its clear cyan character suits communication, technology, children’s products, and productivity tools. Use it as a supporting brand tone or interface accent, with black text for small copy. Black text reaches about a 7.7:1 contrast ratio, enough for WCAG AA body copy.
Questions about #00acc1
What is #00acc1 in RGB, HSL and CMYK?
In RGB, #00acc1 is rgb(0, 172, 193), in HSL hsl(187, 100%, 38%) and in CMYK 100%, 11%, 0%, 24%.
What colors pair well with #00acc1?
#00acc1 pairs well with deep navy, charcoal, warm coral, and soft cream, which give its cool cyan base stronger contrast and balance; use navy or charcoal for structure, then reserve coral for small calls to action.
Is #00acc1 warm or cool?
#00acc1 reads cool because its blue-green hue and moderate lightness keep the color crisp rather than sunlit; its strong chroma adds energy, while the cyan balance prevents it from feeling as deep as teal.
Is #00acc1 readable on white or black?
#00acc1 has a 2.73:1 contrast ratio on white and 7.67: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.