#83A36C

Color Details

HEX
#83A36C
RGB
rgb(131, 163, 108)
HSL
hsl(95, 23%, 53%)
CMYK
cmyk(20%, 0%, 34%, 36%)
Best text on this color #000000 (CR 7.42:1) Determined by WCAG contrast ratio

Readability Previews

Black on #83a36c
Contrast 7.42:1 AAA
White on #83a36c
Contrast 2.83:1 Fail
#83a36c on Black
Contrast 7.42:1 AAA
#83a36c on White
Contrast 2.83:1 Fail

Tints & Shades

#9cb589
#b5c8a7
#cddac4
#698256
#4f6241
#34412b

Complement & Analogous

#8c6ca3
#6ca370
#9ea36c

Triadic

#6c83a3
#a36c83

Monochrome

#34412b #4f6241 #83a36c #b5c8a7 #cddac4 #e6ede2

Analogous

#9ea36c #bbbf98 #83a36c #89b58d #6ca370 #56825a

Complementary Mix

#4f6241 #83a36c #b5c8a7 #8c6ca3 #b49fc3 #5b466a

Nearby Colors

#83a36b
#83a36d
#83a35c
#83a37c

Embed #83A36C swatch

Embed this swatch

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

Open image

About #83A36C

#83A36C converts to RGB(131, 163, 108) and HSL(95, 23%, 53%). 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).

#83A36C FAQs

What is the RGB value of #83A36C?
RGB: 131, 163, 108. Copy as CSS: rgb(131, 163, 108)
Is #83A36C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #83A36C?
Complement: #8c6ca3.
Does #83A36C have good contrast on white or black?
On white: 2.83:1 (Fails AA). On black: 7.42:1 (AAA (normal text)).