#0ACCC2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation teal is bright, clean, and carries a strong electric quality. Because it is so vivid, #0accc2 functions best as an accent color rather than a primary background. It pairs exceptionally well with dark grays or deep charcoals to create modern, high-contrast digital interfaces. Since black text provides excellent legibility over this hex code, it is a practical choice for UI call-to-action buttons.
Questions about #0accc2
What is #0accc2 in RGB, HSL and CMYK?
In RGB, #0accc2 is rgb(10, 204, 194), in HSL hsl(177, 91%, 42%) and in CMYK 95%, 0%, 5%, 20%.
How can I best use #0accc2 in UI design?
#0accc2 works best as a functional accent color rather than a primary background because of its intense saturation. Use it for call-to-action buttons where it pairs beautifully with charcoal or dark gray text for high accessibility and a clean, modern aesthetic.
What colors pair well with #0accc2?
This electric teal balances perfectly against neutral, dark tones like charcoal or deep slate, which anchor its brightness. For a more adventurous palette, try pairing it with soft coral to create a high-energy contrast that feels both professional and playful.
Is #0accc2 readable on white or black?
#0accc2 has a 2.01:1 contrast ratio on white and 10.42: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.