#766A4C

Color Details

HEX
#766A4C
RGB
rgb(118, 106, 76)
HSL
hsl(43, 22%, 38%)
CMYK
cmyk(0%, 10%, 36%, 54%)
Best text on this color #FFFFFF (CR 5.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #766a4c
Contrast 3.94:1 Fail
White on #766a4c
Contrast 5.33:1 AA
#766a4c on Black
Contrast 3.94:1 Fail
#766a4c on White
Contrast 5.33:1 AA

Tints & Shades

#918870
#ada694
#c8c3b7
#5e553d
#47402e
#2f2a1e

Complement & Analogous

#4c5876
#6d764c
#76554c

Triadic

#4c766a
#6a4c76

Monochrome

#2f2a1e #47402e #766a4c #ada694 #c8c3b7 #e4e1db

Analogous

#76554c #9f8882 #766a4c #8a9170 #6d764c #575e3d

Complementary Mix

#47402e #766a4c #ada694 #4c5876 #8b92a6 #31394d

Nearby Colors

#766a4b
#766a4d
#766a3c
#766a5c

Embed #766A4C swatch

Embed this swatch

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

Open image

About #766A4C

#766A4C converts to RGB(118, 106, 76) and HSL(43, 22%, 38%). 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).

#766A4C FAQs

What is the RGB value of #766A4C?
RGB: 118, 106, 76. Copy as CSS: rgb(118, 106, 76)
Is #766A4C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #766A4C?
Complement: #4c5876.
Does #766A4C have good contrast on white or black?
On white: 5.33:1 (AA (normal text)). On black: 3.94:1 (AA (large text)).