#766F3C

Color Details

HEX
#766F3C
RGB
rgb(118, 111, 60)
HSL
hsl(53, 33%, 35%)
CMYK
cmyk(0%, 6%, 49%, 54%)
Best text on this color #FFFFFF (CR 5.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #766f3c
Contrast 4.11:1 Fail
White on #766f3c
Contrast 5.11:1 AA
#766f3c on Black
Contrast 4.11:1 Fail
#766f3c on White
Contrast 5.11:1 AA

Tints & Shades

#918c63
#ada98a
#c8c5b1
#5e5930
#474324
#2f2c18

Complement & Analogous

#3c4377
#60773c
#77523c

Triadic

#3c7770
#703c77

Monochrome

#2f2c18 #474324 #766f3c #ada98a #c8c5b1 #e4e2d8

Analogous

#77523c #a08677 #766f3c #809263 #60773c #4d5f30

Complementary Mix

#474324 #766f3c #ada98a #3c4377 #8085a7 #272c4d

Nearby Colors

#766f3b
#766f3d
#766f2c
#766f4c

Embed #766F3C swatch

Embed this swatch

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

Open image

About #766F3C

#766F3C converts to RGB(118, 111, 60) and HSL(53, 33%, 35%). 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).

#766F3C FAQs

What is the RGB value of #766F3C?
RGB: 118, 111, 60. Copy as CSS: rgb(118, 111, 60)
Is #766F3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #766F3C?
Complement: #3c4377.
Does #766F3C have good contrast on white or black?
On white: 5.11:1 (AA (normal text)). On black: 4.11:1 (AA (large text)).