#31B876 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity green demands attention. Because it is so vivid, #31b876 works best as an accent color rather than a large background, where it risks overwhelming the viewer. It pairs unexpectedly well with deep charcoal grays for a modern, tech-focused aesthetic. With excellent contrast against black text, the hex code is a strong choice for clickable buttons and critical UI highlights.
Questions about #31b876
What is #31b876 in RGB, HSL and CMYK?
In RGB, #31b876 is rgb(49, 184, 118), in HSL hsl(151, 58%, 46%) and in CMYK 73%, 0%, 36%, 28%. Browse more shades of green with names and hex codes.
Where should I use #31b876 in a user interface?
#31b876 functions best as a functional highlight, such as for primary call-to-action buttons or notification badges. Because it is highly saturated, avoid using it for large background areas or body text where it may cause visual fatigue for the user.
What colors pair well with the green #31b876?
This green pairs most effectively with deep charcoal or near-black grays to create a sharp, high-contrast, tech-focused aesthetic. Avoid pairing it with other vibrant, competing hues, as the color intensity of #31b876 is usually strong enough to stand alone as the main accent.
Is #31b876 readable on white or black?
#31b876 has a 2.54:1 contrast ratio on white and 8.24: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.