#746D1C

Color Details

HEX
#746D1C
RGB
rgb(116, 109, 28)
HSL
hsl(55, 61%, 28%)
CMYK
cmyk(0%, 6%, 76%, 55%)
Best text on this color #FFFFFF (CR 5.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #746d1c
Contrast 3.95:1 Fail
White on #746d1c
Contrast 5.32:1 AA
#746d1c on Black
Contrast 3.95:1 Fail
#746d1c on White
Contrast 5.32:1 AA

Tints & Shades

#908a49
#aca777
#c7c5a4
#5d5716
#464111
#2e2c0b

Complement & Analogous

#1c2373
#4f731c
#73401c

Triadic

#1c736c
#6c1c73

Monochrome

#2e2c0b #464111 #746d1c #aca777 #c7c5a4 #e3e2d2

Analogous

#73401c #9d7960 #746d1c #728f49 #4f731c #3f5c16

Complementary Mix

#464111 #746d1c #aca777 #1c2373 #6b70a4 #12174b

Nearby Colors

#746d1b
#746d1d
#746d0c
#746d2c

Embed #746D1C swatch

Embed this swatch

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

Open image

About #746D1C

#746D1C converts to RGB(116, 109, 28) and HSL(55, 61%, 28%). 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).

#746D1C FAQs

What is the RGB value of #746D1C?
RGB: 116, 109, 28. Copy as CSS: rgb(116, 109, 28)
Is #746D1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #746D1C?
Complement: #1c2373.
Does #746D1C have good contrast on white or black?
On white: 5.32:1 (AA (normal text)). On black: 3.95:1 (AA (large text)).