#4F313C

Color Details

HEX
#4F313C
RGB
rgb(79, 49, 60)
HSL
hsl(338, 23%, 25%)
CMYK
cmyk(0%, 38%, 24%, 69%)
Best text on this color #FFFFFF (CR 11.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4f313c
Contrast 1.84:1 Fail
White on #4f313c
Contrast 11.43:1 AAA
#4f313c on Black
Contrast 1.84:1 Fail
#4f313c on White
Contrast 11.43:1 AAA

Tints & Shades

#725a63
#95838a
#b9adb1
#3f2730
#2f1d24
#201418

Complement & Analogous

#314e44
#4e3531
#4e314b

Triadic

#3c4e31
#313c4e

Monochrome

#201418 #2f1d24 #4f313c #95838a #b9adb1 #dcd6d8

Analogous

#4e314b #836f81 #4f313c #715d5a #4e3531 #3e2a27

Complementary Mix

#2f1d24 #4f313c #95838a #314e44 #798c85 #20332c

Nearby Colors

#4f313b
#4f313d
#4f312c
#4f314c

Embed #4F313C swatch

Embed this swatch

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

Open image

About #4F313C

#4F313C converts to RGB(79, 49, 60) and HSL(338, 23%, 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).

#4F313C FAQs

What is the RGB value of #4F313C?
RGB: 79, 49, 60. Copy as CSS: rgb(79, 49, 60)
Is #4F313C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4F313C?
Complement: #314e44.
Does #4F313C have good contrast on white or black?
On white: 11.43:1 (AAA (normal text)). On black: 1.84:1 (Fails AA).