#31A04C

Color Details

HEX
#31A04C
RGB
rgb(49, 160, 76)
HSL
hsl(135, 53%, 41%)
CMYK
cmyk(69%, 0%, 53%, 37%)
Best text on this color #000000 (CR 6.26:1) Determined by WCAG contrast ratio

Readability Previews

Black on #31a04c
Contrast 6.26:1 AA
White on #31a04c
Contrast 3.35:1 Fail
#31a04c on Black
Contrast 6.26:1 AA
#31a04c on White
Contrast 3.35:1 Fail

Tints & Shades

#5ab370
#83c694
#add9b7
#27803d
#1d602e
#14401e

Complement & Analogous

#a03184
#31a084
#4da031

Triadic

#4d31a0
#a04d31

Monochrome

#14401e #1d602e #31a04c #83c694 #add9b7 #d6ecdb

Analogous

#4da031 #82bd6f #31a04c #5ab39d #31a084 #27806a

Complementary Mix

#1d602e #31a04c #83c694 #a03184 #c179af #682056

Nearby Colors

#31a04b
#31a04d
#31a03c
#31a05c

Embed #31A04C swatch

Embed this swatch

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

Open image

About #31A04C

#31A04C converts to RGB(49, 160, 76) and HSL(135, 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).

#31A04C FAQs

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