#4B360C

Color Details

HEX
#4B360C
RGB
rgb(75, 54, 12)
HSL
hsl(40, 72%, 17%)
CMYK
cmyk(0%, 28%, 84%, 71%)
Best text on this color #FFFFFF (CR 11.46:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4b360c
Contrast 1.83:1 Fail
White on #4b360c
Contrast 11.46:1 AAA
#4b360c on Black
Contrast 1.83:1 Fail
#4b360c on White
Contrast 11.46:1 AAA

Tints & Shades

#6f5e3d
#93866d
#b7af9e
#3c2b0a
#2d2007
#1e1605

Complement & Analogous

#0c214b
#404b0c
#4b170c

Triadic

#0c4b36
#360c4b

Monochrome

#1e1605 #2d2007 #4b360c #93866d #b7af9e #dbd7ce

Analogous

#4b170c #815d55 #4b360c #666f3d #404b0c #333c0a

Complementary Mix

#2d2007 #4b360c #93866d #0c214b #616f8a #081531

Nearby Colors

#4b360b
#4b360d
#4b35fc
#4b361c

Embed #4B360C swatch

Embed this swatch

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

Open image

About #4B360C

#4B360C converts to RGB(75, 54, 12) and HSL(40, 72%, 17%). 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).

#4B360C FAQs

What is the RGB value of #4B360C?
RGB: 75, 54, 12. Copy as CSS: rgb(75, 54, 12)
Is #4B360C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4B360C?
Complement: #0c214b.
Does #4B360C have good contrast on white or black?
On white: 11.46:1 (AAA (normal text)). On black: 1.83:1 (Fails AA).