#742F0C

Color Details

HEX
#742F0C
RGB
rgb(116, 47, 12)
HSL
hsl(20, 81%, 25%)
CMYK
cmyk(0%, 59%, 90%, 55%)
Best text on this color #FFFFFF (CR 9.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #742f0c
Contrast 2.15:1 Fail
White on #742f0c
Contrast 9.75:1 AAA
#742f0c on Black
Contrast 2.15:1 Fail
#742f0c on White
Contrast 9.75:1 AAA

Tints & Shades

#90593d
#ac826d
#c7ac9e
#5d260a
#461c07
#2e1305

Complement & Analogous

#0c5173
#73620c
#730c1d

Triadic

#0c732f
#2f0c73

Monochrome

#2e1305 #461c07 #742f0c #ac826d #c7ac9e #e3d5ce

Analogous

#730c1d #9d5561 #742f0c #8f813d #73620c #5c4e0a

Complementary Mix

#461c07 #742f0c #ac826d #0c5173 #618ea4 #08354b

Nearby Colors

#742f0b
#742f0d
#742efc
#742f1c

Embed #742F0C swatch

Embed this swatch

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

Open image

About #742F0C

#742F0C converts to RGB(116, 47, 12) and HSL(20, 81%, 25%). 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).

#742F0C FAQs

What is the RGB value of #742F0C?
RGB: 116, 47, 12. Copy as CSS: rgb(116, 47, 12)
Is #742F0C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #742F0C?
Complement: #0c5173.
Does #742F0C have good contrast on white or black?
On white: 9.75:1 (AAA (normal text)). On black: 2.15:1 (Fails AA).