#83A12C

Color Details

HEX
#83A12C
RGB
rgb(131, 161, 44)
HSL
hsl(75, 57%, 40%)
CMYK
cmyk(19%, 0%, 73%, 37%)
Best text on this color #000000 (CR 7.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #83a12c
Contrast 7.10:1 AAA
White on #83a12c
Contrast 2.96:1 Fail
#83a12c on Black
Contrast 7.10:1 AAA
#83a12c on White
Contrast 2.96:1 Fail

Tints & Shades

#9cb456
#b5c780
#cdd9ab
#698123
#4f611a
#344012

Complement & Analogous

#492ca0
#49a02c
#a0832c

Triadic

#2c83a0
#a02c83

Monochrome

#344012 #4f611a #83a12c #b5c780 #cdd9ab #e6ecd5

Analogous

#a0832c #bda86b #83a12c #6db356 #49a02c #3a8023

Complementary Mix

#4f611a #83a12c #b5c780 #492ca0 #8976c1 #2f1d68

Nearby Colors

#83a12b
#83a12d
#83a11c
#83a13c

Embed #83A12C swatch

Embed this swatch

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

Open image

About #83A12C

#83A12C converts to RGB(131, 161, 44) and HSL(75, 57%, 40%). 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).

#83A12C FAQs

What is the RGB value of #83A12C?
RGB: 131, 161, 44. Copy as CSS: rgb(131, 161, 44)
Is #83A12C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #83A12C?
Complement: #492ca0.
Does #83A12C have good contrast on white or black?
On white: 2.96:1 (Fails AA). On black: 7.10:1 (AAA (normal text)).