#31B7A7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#31b7a7 is a crisp, cool-toned teal with a distinctively high chroma that keeps it from feeling muddy. Because it maintains strong legibility against black text, it works well as a background for UI design or corporate branding in the healthcare and wellness sectors. If you are learning how to make gray, this vibrant shade serves as an excellent starting point for complex, desaturated palettes.
Questions about #31b7a7
What is #31b7a7 in RGB, HSL and CMYK?
In RGB, #31b7a7 is rgb(49, 183, 167), in HSL hsl(173, 58%, 45%) and in CMYK 73%, 0%, 9%, 28%.
Does #31b7a7 work well with black text?
Yes, this teal has enough depth that it maintains strong legibility against standard black text for UI elements. It creates a modern, clean look that performs well in digital interfaces, especially when paired with charcoal for a slightly softer contrast than pure black.
How does #31b7a7 compare to other teal shades?
While many teals lean toward muddy or muted tones, #31b7a7 remains crisp and high-chroma, avoiding the dullness found in darker, more traditional teals. It functions effectively as an accent color for brands seeking a fresh, energetic appearance rather than a heavy, grounded one.
Is #31b7a7 readable on white or black?
#31b7a7 has a 2.48:1 contrast ratio on white and 8.46: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.