#31A13C

Color Details

HEX
#31A13C
RGB
rgb(49, 161, 60)
HSL
hsl(126, 53%, 41%)
CMYK
cmyk(70%, 0%, 63%, 37%)
Best text on this color #000000 (CR 6.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #31a13c
Contrast 6.29:1 AA
White on #31a13c
Contrast 3.34:1 Fail
#31a13c on Black
Contrast 6.29:1 AA
#31a13c on White
Contrast 3.34:1 Fail

Tints & Shades

#5ab463
#83c78a
#add9b1
#278130
#1d6124
#144018

Complement & Analogous

#a03195
#31a074
#5da031

Triadic

#3c31a0
#a03c31

Monochrome

#144018 #1d6124 #31a13c #83c78a #add9b1 #d6ecd8

Analogous

#5da031 #8ebd6f #31a13c #5ab390 #31a074 #27805d

Complementary Mix

#1d6124 #31a13c #83c78a #a03195 #c179ba #682061

Nearby Colors

#31a13b
#31a13d
#31a12c
#31a14c

Embed #31A13C swatch

Embed this swatch

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

Open image

About #31A13C

#31A13C converts to RGB(49, 161, 60) and HSL(126, 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).

#31A13C FAQs

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