#31C47F Hex Color
Energetic green for punchy design accents
This saturated, high-intensity green demands attention immediately. Because it is so vivid, #31c47f works best as a punchy accent rather than a dominant background color. It creates a striking contrast against charcoal grays or soft creams in UI layouts. While legible with black text for accessible body copy, this hex code excels when used for buttons or highlights that need to pop.
Questions about #31c47f
What is #31c47f in RGB, HSL and CMYK?
In RGB, #31c47f is rgb(49, 196, 127), in HSL hsl(152, 60%, 48%) and in CMYK 75%, 0%, 35%, 23%.
What UI elements work best with #31c47f?
The #31c47f hex color performs best as a call-to-action button or a focused alert highlight. Because it is highly saturated, avoid using it for large background areas, as it can overwhelm the visual space and cause eye fatigue for your users.
Is #31c47f readable on white or black?
#31c47f has a 2.25:1 contrast ratio on white and 9.33: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.