#31D5C8 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #31d5c8 graphic
This bright, pastel teal sits on the cooler side of the spectrum, offering a high-energy alternative to standard blues. Because of its intense saturation, #31d5c8 works best as an accent color for UI elements rather than a full background. It pairs exceptionally well with charcoal grays for a modern, tech-focused look. The hex code for this teal is #31d5c8.

Questions about #31d5c8

What is #31d5c8 in RGB, HSL and CMYK?
In RGB, #31d5c8 is rgb(49, 213, 200), in HSL hsl(175, 66%, 51%) and in CMYK 77%, 0%, 6%, 16%.
What is the best way to use #31d5c8 in web design?
Use #31d5c8 as a bold accent color rather than a primary background because its high saturation can overwhelm the eye. It works exceptionally well against deep charcoal or slate grays to create a modern, high-contrast interface.
Does #31d5c8 read as warm or cool?
The color #31d5c8 is distinctly cool-toned, sitting on the spectrum between blue and green. Its high luminosity gives it a crisp, refreshing quality that feels more energetic and contemporary than traditional, muted teals.
Is #31d5c8 readable on white or black?
#31d5c8 has a 1.82:1 contrast ratio on white and 11.48: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.