#766d67

Color #766d67

A nearly neutral, gray-leaning medium orange.

Closest named color Dim Gray #696969 · ΔE 5.66 Nearest Tailwind class stone-500 #79716b · ΔE 1.6

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#766d67

RGB

rgb(118, 109, 103)

HSL

hsl(24, 6.8%, 43.3%)

HSV / HSB

hsv(24, 12.7%, 46.3%)

CMYK

cmyk(0%, 7.6%, 12.7%, 53.7%)

LAB

lab(46.67, 2.39, 4.61)

LCH

lch(46.67, 5.19, 62.6)

OKLCH

oklch(54.1%, 0.0146, 55.88)

HWB

hwb(24, 40.4%, 53.7%)

Harmony colors

Complementary

#677076

Analogous

#766768

#766d67

#767467

Triadic

#766d67

#67766d

#6d6776

Split-complementary

#766d67

#677674

#676876

Tetradic

#766d67

#707667

#677076

#6d6776

Square

#766d67

#687667

#677076

#746776

Shades

Color #766d67 mixed toward black.

#625b56

#4f4945

#3b3633

#272422

#141211

Tints

Color #766d67 mixed toward white.

#8f857e

#a59d98

#bcb6b2

#d2cecc

#e9e7e5

Tones

Color #766d67 mixed toward gray.

#756d68

#736d69

#726e6b

#716e6c

#706e6d

Accessibility

Aa White text on this color

5.06:1

Aa Black text on this color

4.15:1

White text reads better on this background (5.06:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#727268 · ΔE 6.3

Deuteranopia

#737369 · ΔE 6.4

Tritanopia

#766a6a · ΔE 4.2

Achromatopsia

#6f6f6f · ΔE 5.2

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #766d67;

Tailwind (arbitrary value)

bg-[#766d67]

Related colors

Seashell #fff5ee

Chocolate #d2691e

Saddle Brown #8b4513

Sandy Brown #f4a460

Peach Puff #ffdab9

Sienna #a0522d

Frequently asked questions

#766d67 (#766d67) is rgb(118, 109, 103) in RGB.

No, #766d67 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #766d67, or check how it holds up for accessibility.

Generate a palette → Check contrast