#7F534C

Color Details

HEX
#7F534C
RGB
rgb(127, 83, 76)
HSL
hsl(8, 25%, 40%)
CMYK
cmyk(0%, 35%, 40%, 50%)
Best text on this color #FFFFFF (CR 6.47:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7f534c
Contrast 3.24:1 Fail
White on #7f534c
Contrast 6.47:1 AA
#7f534c on Black
Contrast 3.24:1 Fail
#7f534c on White
Contrast 6.47:1 AA

Tints & Shades

#997570
#b29894
#ccbab7
#66423d
#4c322e
#33211e

Complement & Analogous

#4d7980
#806d4d
#804d5f

Triadic

#4d8053
#534d80

Monochrome

#33211e #4c322e #7f534c #b29894 #ccbab7 #e5dddb

Analogous

#804d5f #a6828f #7f534c #998a71 #806d4d #66573e

Complementary Mix

#4c322e #7f534c #b29894 #4d7980 #8ba8ac #324f53

Nearby Colors

#7f534b
#7f534d
#7f533c
#7f535c

Embed #7F534C swatch

Embed this swatch

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

Open image

About #7F534C

#7F534C converts to RGB(127, 83, 76) and HSL(8, 25%, 40%). 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).

#7F534C FAQs

What is the RGB value of #7F534C?
RGB: 127, 83, 76. Copy as CSS: rgb(127, 83, 76)
Is #7F534C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7F534C?
Complement: #4d7980.
Does #7F534C have good contrast on white or black?
On white: 6.47:1 (AA (normal text)). On black: 3.24:1 (AA (large text)).