#00C49A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Electric and saturated, #00c49a delivers a sharp, refreshing jolt to any interface. Its high intensity makes it risky as a primary background, but it shines as a high-visibility accent for UI buttons or data visualization. Pair this teal with deep charcoal to ground its brightness. The hex code is #00c49a, which offers excellent readability with black text for small interface details.
Questions about #00c49a
What is #00c49a in RGB, HSL and CMYK?
In RGB, #00c49a is rgb(0, 196, 154), in HSL hsl(167, 100%, 38%) and in CMYK 100%, 0%, 21%, 23%.
What colors pair well with the #00c49a hex color?
Because #00c49a is highly saturated and energetic, it balances best against deep, neutral tones that ground its brightness. It works exceptionally well when paired with charcoal or very dark slate grays, which allow the teal to pop without overwhelming the layout.
Is #00c49a suitable for large blocks of text?
No, #00c49a is generally too intense and high-contrast to serve as a comfortable reading color for large blocks of body text. It is much better suited for interface details, buttons, or small icons where you need to draw the eye immediately.
Is #00c49a readable on white or black?
#00c49a has a 2.24:1 contrast ratio on white and 9.36: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.