#4B2D1C

Color Details

HEX
#4B2D1C
RGB
rgb(75, 45, 28)
HSL
hsl(22, 46%, 20%)
CMYK
cmyk(0%, 40%, 63%, 71%)
Best text on this color #FFFFFF (CR 12.42:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4b2d1c
Contrast 1.69:1 Fail
White on #4b2d1c
Contrast 12.42:1 AAA
#4b2d1c on Black
Contrast 1.69:1 Fail
#4b2d1c on White
Contrast 12.42:1 AAA

Tints & Shades

#6f5749
#938177
#b7aba4
#3c2416
#2d1b11
#1e120b

Complement & Analogous

#1c394a
#4a441c
#4a1c22

Triadic

#1c4a2d
#2d1c4a

Monochrome

#1e120b #2d1b11 #4b2d1c #938177 #b7aba4 #dbd5d2

Analogous

#4a1c22 #806064 #4b2d1c #6e6949 #4a441c #3b3616

Complementary Mix

#2d1b11 #4b2d1c #938177 #1c394a #6b7e89 #122530

Nearby Colors

#4b2d1b
#4b2d1d
#4b2d0c
#4b2d2c

Embed #4B2D1C swatch

Embed this swatch

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

Open image

About #4B2D1C

#4B2D1C converts to RGB(75, 45, 28) and HSL(22, 46%, 20%). 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).

#4B2D1C FAQs

What is the RGB value of #4B2D1C?
RGB: 75, 45, 28. Copy as CSS: rgb(75, 45, 28)
Is #4B2D1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4B2D1C?
Complement: #1c394a.
Does #4B2D1C have good contrast on white or black?
On white: 12.42:1 (AAA (normal text)). On black: 1.69:1 (Fails AA).