#45412C

Color Details

HEX
#45412C
RGB
rgb(69, 65, 44)
HSL
hsl(50, 22%, 22%)
CMYK
cmyk(0%, 6%, 36%, 73%)
Best text on this color #FFFFFF (CR 10.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #45412c
Contrast 2.05:1 Fail
White on #45412c
Contrast 10.27:1 AAA
#45412c on Black
Contrast 2.05:1 Fail
#45412c on White
Contrast 10.27:1 AAA

Tints & Shades

#6a6756
#8f8d80
#b5b3ab
#373423
#29271a
#1c1a12

Complement & Analogous

#2c3044
#3c442c
#44342c

Triadic

#2c4440
#402c44

Monochrome

#1c1a12 #29271a #45412c #8f8d80 #b5b3ab #dad9d5

Analogous

#44342c #7c716b #45412c #636956 #3c442c #303623

Complementary Mix

#29271a #45412c #8f8d80 #2c3044 #767885 #1d1f2c

Nearby Colors

#45412b
#45412d
#45411c
#45413c

Embed #45412C swatch

Embed this swatch

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

Open image

About #45412C

#45412C converts to RGB(69, 65, 44) and HSL(50, 22%, 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).

#45412C FAQs

What is the RGB value of #45412C?
RGB: 69, 65, 44. Copy as CSS: rgb(69, 65, 44)
Is #45412C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #45412C?
Complement: #2c3044.
Does #45412C have good contrast on white or black?
On white: 10.27:1 (AAA (normal text)). On black: 2.05:1 (Fails AA).