#3B5112

Color Details

HEX
#3B5112
RGB
rgb(59, 81, 18)
HSL
hsl(81, 64%, 19%)
CMYK
cmyk(27%, 0%, 78%, 68%)
Best text on this color #FFFFFF (CR 8.85:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b5112
Contrast 2.37:1 Fail
White on #3b5112
Contrast 8.85:1 AAA
#3b5112 on Black
Contrast 2.37:1 Fail
#3b5112 on White
Contrast 8.85:1 AAA

Tints & Shades

#627441
#899771
#b1b9a0
#2f410e
#23310b
#182007

Complement & Analogous

#27114f
#1b4f11
#4f4611

Triadic

#113a4f
#4f113a

Monochrome

#182007 #23310b #3b5112 #899771 #b1b9a0 #d8dcd0

Analogous

#4f4611 #847e58 #3b5112 #497241 #1b4f11 #163f0e

Complementary Mix

#23310b #3b5112 #899771 #27114f #73648d #190b33

Nearby Colors

#3b5111
#3b5113
#3b5102
#3b5122

Embed #3B5112 swatch

Embed this swatch

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

Open image

About #3B5112

#3B5112 converts to RGB(59, 81, 18) and HSL(81, 64%, 19%). 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).

#3B5112 FAQs

What is the RGB value of #3B5112?
RGB: 59, 81, 18. Copy as CSS: rgb(59, 81, 18)
Is #3B5112 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3B5112?
Complement: #27114f.
Does #3B5112 have good contrast on white or black?
On white: 8.85:1 (AAA (normal text)). On black: 2.37:1 (Fails AA).