#31A13D

Color Details

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

Readability Previews

Black on #31a13d
Contrast 6.30:1 AA
White on #31a13d
Contrast 3.34:1 Fail
#31a13d on Black
Contrast 6.30:1 AA
#31a13d on White
Contrast 3.34:1 Fail

Tints & Shades

#5ab464
#83c78b
#add9b1
#278131
#1d6125
#144018

Complement & Analogous

#a03195
#31a074
#5da031

Triadic

#3c31a0
#a03c31

Monochrome

#144018 #1d6125 #31a13d #83c78b #add9b1 #d6ecd8

Analogous

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

Complementary Mix

#1d6125 #31a13d #83c78b #a03195 #c179ba #682061

Nearby Colors

#31a13c
#31a13e
#31a12d
#31a14d

Embed #31A13D swatch

Embed this swatch

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

Open image

About #31A13D

#31A13D converts to RGB(49, 161, 61) 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).

#31A13D FAQs

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