#4B450C

Color Details

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

Readability Previews

Black on #4b450c
Contrast 2.16:1 Fail
White on #4b450c
Contrast 9.74:1 AAA
#4b450c on Black
Contrast 2.16:1 Fail
#4b450c on White
Contrast 9.74:1 AAA

Tints & Shades

#6f6a3d
#938f6d
#b7b59e
#3c370a
#2d2907
#1e1c05

Complement & Analogous

#0c124b
#324b0c
#4b250c

Triadic

#0c4b44
#440c4b

Monochrome

#1e1c05 #2d2907 #4b450c #938f6d #b7b59e #dbdace

Analogous

#4b250c #816655 #4b450c #5b6f3d #324b0c #283c0a

Complementary Mix

#2d2907 #4b450c #938f6d #0c124b #61658a #080c31

Nearby Colors

#4b450b
#4b450d
#4b44fc
#4b451c

Embed #4B450C swatch

Embed this swatch

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

Open image

About #4B450C

#4B450C converts to RGB(75, 69, 12) and HSL(54, 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).

#4B450C FAQs

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