#2B521F

Color Details

HEX
#2B521F
RGB
rgb(43, 82, 31)
HSL
hsl(106, 45%, 22%)
CMYK
cmyk(48%, 0%, 62%, 68%)
Best text on this color #FFFFFF (CR 9.02:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2b521f
Contrast 2.33:1 Fail
White on #2b521f
Contrast 9.02:1 AAA
#2b521f on Black
Contrast 2.33:1 Fail
#2b521f on White
Contrast 9.02:1 AAA

Tints & Shades

#55754c
#809779
#aabaa5
#224219
#1a3113
#11210c

Complement & Analogous

#461f51
#1f512c
#44511f

Triadic

#1f2b51
#511f2b

Monochrome

#11210c #1a3113 #2b521f #809779 #aabaa5 #d5dcd2

Analogous

#44511f #7c8562 #2b521f #4c7456 #1f512c #194123

Complementary Mix

#1a3113 #2b521f #809779 #461f51 #876d8e #2e1435

Nearby Colors

#2b521e
#2b5220
#2b520f
#2b522f

Embed #2B521F swatch

Embed this swatch

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

Open image

About #2B521F

#2B521F converts to RGB(43, 82, 31) and HSL(106, 45%, 22%). 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).

#2B521F FAQs

What is the RGB value of #2B521F?
RGB: 43, 82, 31. Copy as CSS: rgb(43, 82, 31)
Is #2B521F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2B521F?
Complement: #461f51.
Does #2B521F have good contrast on white or black?
On white: 9.02:1 (AAA (normal text)). On black: 2.33:1 (Fails AA).