#0CA5A3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, somewhat unsaturated cyan brings a refreshing mood to technology and communication interfaces. Use #0ca5a3 as a strategic accent rather than a dominant background to keep designs from feeling overwhelming. Black text provides excellent readability against this shade, easily meeting contrast requirements. If the hue feels too vivid, understanding what colors make gray helps you tone it down. The hex code is #0ca5a3.
Questions about #0ca5a3
What is #0ca5a3 in RGB, HSL and CMYK?
In RGB, #0ca5a3 is rgb(12, 165, 163), in HSL hsl(179, 86%, 35%) and in CMYK 93%, 0%, 1%, 35%.
What colors pair well with #0ca5a3?
Use #0ca5a3 alongside neutral charcoal or deep slate tones to ground the vibrancy of the teal. For a high-contrast energetic look, pair it with soft coral or warm peach accents to create a balanced, professional, and visually engaging design scheme.
Is #0ca5a3 readable on white or black?
#0ca5a3 has a 3.03:1 contrast ratio on white and 6.92:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.