#2C521F

Color Details

HEX
#2C521F
RGB
rgb(44, 82, 31)
HSL
hsl(105, 45%, 22%)
CMYK
cmyk(46%, 0%, 62%, 68%)
Best text on this color #FFFFFF (CR 9.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c521f
Contrast 2.33:1 Fail
White on #2c521f
Contrast 9.00:1 AAA
#2c521f on Black
Contrast 2.33:1 Fail
#2c521f on White
Contrast 9.00:1 AAA

Tints & Shades

#56754c
#809779
#abbaa5
#234219
#1a3113
#12210c

Complement & Analogous

#451f51
#1f512b
#45511f

Triadic

#1f2b51
#511f2b

Monochrome

#12210c #1a3113 #2c521f #809779 #abbaa5 #d5dcd2

Analogous

#45511f #7d8562 #2c521f #4c7455 #1f512b #194122

Complementary Mix

#1a3113 #2c521f #809779 #451f51 #866d8e #2d1435

Nearby Colors

#2c521e
#2c5220
#2c520f
#2c522f

Embed #2C521F swatch

Embed this swatch

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

Open image

About #2C521F

#2C521F converts to RGB(44, 82, 31) and HSL(105, 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).

#2C521F FAQs

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