#2B3C20

Color Details

HEX
#2B3C20
RGB
rgb(43, 60, 32)
HSL
hsl(96, 30%, 18%)
CMYK
cmyk(28%, 0%, 47%, 76%)
Best text on this color #FFFFFF (CR 11.86:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2b3c20
Contrast 1.77:1 Fail
White on #2b3c20
Contrast 11.86:1 AAA
#2b3c20 on Black
Contrast 1.77:1 Fail
#2b3c20 on White
Contrast 11.86:1 AAA

Tints & Shades

#55634d
#808a79
#aab1a6
#22301a
#1a2413
#11180d

Complement & Analogous

#31203c
#203c23
#393c20

Triadic

#202b3c
#3c202b

Monochrome

#11180d #1a2413 #2b3c20 #808a79 #aab1a6 #d5d8d2

Analogous

#393c20 #747763 #2b3c20 #4d634f #203c23 #1a301c

Complementary Mix

#1a2413 #2b3c20 #808a79 #31203c #796e80 #201527

Nearby Colors

#2b3c1f
#2b3c21
#2b3c10
#2b3c30

Embed #2B3C20 swatch

Embed this swatch

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

Open image

About #2B3C20

#2B3C20 converts to RGB(43, 60, 32) and HSL(96, 30%, 18%). 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).

#2B3C20 FAQs

What is the RGB value of #2B3C20?
RGB: 43, 60, 32. Copy as CSS: rgb(43, 60, 32)
Is #2B3C20 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2B3C20?
Complement: #31203c.
Does #2B3C20 have good contrast on white or black?
On white: 11.86:1 (AAA (normal text)). On black: 1.77:1 (Fails AA).