#31A14C

Color Details

HEX
#31A14C
RGB
rgb(49, 161, 76)
HSL
hsl(134, 53%, 41%)
CMYK
cmyk(70%, 0%, 53%, 37%)
Best text on this color #000000 (CR 6.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #31a14c
Contrast 6.33:1 AA
White on #31a14c
Contrast 3.32:1 Fail
#31a14c on Black
Contrast 6.33:1 AA
#31a14c on White
Contrast 3.32:1 Fail

Tints & Shades

#5ab470
#83c794
#add9b7
#27813d
#1d612e
#14401e

Complement & Analogous

#a03186
#31a082
#4fa031

Triadic

#4b31a0
#a04b31

Monochrome

#14401e #1d612e #31a14c #83c794 #add9b7 #d6ecdb

Analogous

#4fa031 #84bd6f #31a14c #5ab39b #31a082 #278068

Complementary Mix

#1d612e #31a14c #83c794 #a03186 #c179b0 #682057

Nearby Colors

#31a14b
#31a14d
#31a13c
#31a15c

Embed #31A14C swatch

Embed this swatch

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

Open image

About #31A14C

#31A14C converts to RGB(49, 161, 76) and HSL(134, 53%, 41%). 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).

#31A14C FAQs

What is the RGB value of #31A14C?
RGB: 49, 161, 76. Copy as CSS: rgb(49, 161, 76)
Is #31A14C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #31A14C?
Complement: #a03186.
Does #31A14C have good contrast on white or black?
On white: 3.32:1 (AA (large text)). On black: 6.33:1 (AA (normal text)).