#4A541C

Color Details

HEX
#4A541C
RGB
rgb(74, 84, 28)
HSL
hsl(71, 50%, 22%)
CMYK
cmyk(12%, 0%, 67%, 67%)
Best text on this color #FFFFFF (CR 8.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4a541c
Contrast 2.58:1 Fail
White on #4a541c
Contrast 8.15:1 AAA
#4a541c on Black
Contrast 2.58:1 Fail
#4a541c on White
Contrast 8.15:1 AAA

Tints & Shades

#6e7649
#929877
#b7bba4
#3b4316
#2c3211
#1e220b

Complement & Analogous

#261c54
#2e541c
#54421c

Triadic

#1c4a54
#541c4a

Monochrome

#1e220b #2c3211 #4a541c #929877 #b7bba4 #dbddd2

Analogous

#54421c #877b60 #4a541c #587649 #2e541c #254316

Complementary Mix

#2c3211 #4a541c #929877 #261c54 #726b90 #191237

Nearby Colors

#4a541b
#4a541d
#4a540c
#4a542c

Embed #4A541C swatch

Embed this swatch

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

Open image

About #4A541C

#4A541C converts to RGB(74, 84, 28) and HSL(71, 50%, 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).

#4A541C FAQs

What is the RGB value of #4A541C?
RGB: 74, 84, 28. Copy as CSS: rgb(74, 84, 28)
Is #4A541C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4A541C?
Complement: #261c54.
Does #4A541C have good contrast on white or black?
On white: 8.15:1 (AAA (normal text)). On black: 2.58:1 (Fails AA).