#7F5655

Color Details

HEX
#7F5655
RGB
rgb(127, 86, 85)
HSL
hsl(1, 20%, 42%)
CMYK
cmyk(0%, 32%, 33%, 50%)
Best text on this color #FFFFFF (CR 6.24:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7f5655
Contrast 3.36:1 Fail
White on #7f5655
Contrast 6.24:1 AA
#7f5655 on Black
Contrast 3.36:1 Fail
#7f5655 on White
Contrast 6.24:1 AA

Tints & Shades

#997877
#b29a99
#ccbbbb
#664544
#4c3433
#332222

Complement & Analogous

#568081
#836c54
#83546a

Triadic

#568156
#565681

Monochrome

#332222 #4c3433 #7f5655 #b29a99 #ccbbbb #e5dddd

Analogous

#83546a #a88797 #7f5655 #9c8976 #836c54 #695643

Complementary Mix

#4c3433 #7f5655 #b29a99 #568081 #91acad #385354

Nearby Colors

#7f5654
#7f5656
#7f5645
#7f5665

Embed #7F5655 swatch

Embed this swatch

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

Open image

About #7F5655

#7F5655 converts to RGB(127, 86, 85) and HSL(1, 20%, 42%). 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).

#7F5655 FAQs

What is the RGB value of #7F5655?
RGB: 127, 86, 85. Copy as CSS: rgb(127, 86, 85)
Is #7F5655 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7F5655?
Complement: #568081.
Does #7F5655 have good contrast on white or black?
On white: 6.24:1 (AA (normal text)). On black: 3.36:1 (AA (large text)).