#31F5E1 Hex Color

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

Hex color #31f5e1 graphic
#31f5e1 is a piercing, neon teal that functions best as a high-visibility accent rather than a background color. Its extreme saturation demands attention, making it perfect for call-to-action buttons or small UI elements. Because this shade is so vivid, pairing it with muted tones helps prevent visual fatigue. If you need to soften this bright hue, learn how to make gray for effective balancing.

Questions about #31f5e1

What is #31f5e1 in RGB, HSL and CMYK?
In RGB, #31f5e1 is rgb(49, 245, 225), in HSL hsl(174, 91%, 58%) and in CMYK 80%, 0%, 8%, 4%.
How should I use #31f5e1 in a professional design?
Apply #31f5e1 strictly as a high-contrast accent color for buttons, notifications, or small icons rather than a background. Because of its extreme saturation, it needs to be grounded by darker neutrals like charcoal to prevent visual fatigue for users.
Is #31f5e1 readable on white or black?
#31f5e1 has a 1.37:1 contrast ratio on white and 15.27: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.