#31F29E

Color Details

HEX
#31F29E
RGB
rgb(49, 242, 158)
HSL
hsl(154, 88%, 57%)
CMYK
cmyk(80%, 0%, 35%, 5%)
Best text on this color #000000 (CR 14.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #31f29e
Contrast 14.33:1 AAA
White on #31f29e
Contrast 1.47:1 Fail
#31f29e on Black
Contrast 14.33:1 AAA
#31f29e on White
Contrast 1.47:1 Fail

Tints & Shades

#5af5b1
#83f7c5
#adfad8
#27c27e
#1d915f
#14613f

Complement & Analogous

#f23184
#31e5f2
#31f23e

Triadic

#9e31f2
#f29e31

Monochrome

#14613f #1d915f #31f29e #83f7c5 #adfad8 #d6fcec

Analogous

#31f23e #6ff678 #31f29e #5aeaf5 #31e5f2 #27b7c2

Complementary Mix

#1d915f #31f29e #83f7c5 #f23184 #f779af #9d2056

Nearby Colors

#31f29d
#31f29f
#31f28e
#31f2ae

Embed #31F29E swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #31F29E

#31F29E converts to RGB(49, 242, 158) and HSL(154, 88%, 57%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#31F29E FAQs

What is the RGB value of #31F29E?
RGB: 49, 242, 158. Copy as CSS: rgb(49, 242, 158)
Is #31F29E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #31F29E?
Complement: #f23184.
Does #31F29E have good contrast on white or black?
On white: 1.47:1 (Fails AA). On black: 14.33:1 (AAA (normal text)).