#746c42

Color #746c42

A muted dark yellow.

Closest named color Dark Olive Green #556b2f · ΔE 16.78 Nearest Tailwind class olive-500 #7c7c67 · ΔE 9.6

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

Conversions

HEX

#746c42

RGB

rgb(116, 108, 66)

HSL

hsl(50.4, 27.5%, 35.7%)

HSV / HSB

hsv(50.4, 43.1%, 45.5%)

CMYK

cmyk(0%, 6.9%, 43.1%, 54.5%)

LAB

lab(45.4, -3.48, 24.61)

LCH

lch(45.4, 24.85, 98.05)

OKLCH

oklch(52.8%, 0.0607, 98.81)

HWB

hwb(50.4, 25.9%, 54.5%)

Harmony colors

Complementary

#424a74

Analogous

#745342

#746c42

#637442

Triadic

#746c42

#42746c

#6c4274

Split-complementary

#746c42

#426374

#534274

Tetradic

#746c42

#4a7442

#424a74

#6c4274

Square

#746c42

#427453

#424a74

#744263

Shades

Color #746c42 mixed toward black.

#615a37

#4d482c

#3a3621

#272416

#13120b

Tints

Color #746c42 mixed toward white.

#978c56

#b0a674

#c4bc96

#d7d3b9

#ebe9dc

Tones

Color #746c42 mixed toward gray.

#706946

#6c664a

#68644f

#636153

#5f5e57

Accessibility

Aa White text on this color

5.29:1

Aa Black text on this color

3.97:1

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

Under color vision deficiencies

Protanopia

#71714f · ΔE 4.4

Deuteranopia

#717251 · ΔE 5

Tritanopia

#745759 · ΔE 24.7

Achromatopsia

#6b6b6b · ΔE 16.1

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

Code

CSS

background-color: #746c42;

Tailwind (arbitrary value)

bg-[#746c42]

Related colors

Gold #ffd700

Cornsilk #fff8dc

Khaki #f0e68c

Lemon Chiffon #fffacd

Pale Goldenrod #eee8aa

Dark Khaki #bdb76b

Frequently asked questions

#746c42 (#746c42) is rgb(116, 108, 66) in RGB.

No, #746c42 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 #746c42, or check how it holds up for accessibility.

Generate a palette → Check contrast