#71704f

Color #71704f

A muted dark yellow.

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

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

Conversions

HEX

#71704f

RGB

rgb(113, 112, 79)

HSL

hsl(58.2, 17.7%, 37.6%)

HSV / HSB

hsv(58.2, 30.1%, 44.3%)

CMYK

cmyk(0%, 0.9%, 30.1%, 55.7%)

LAB

lab(46.53, -5.37, 18.55)

LCH

lch(46.53, 19.31, 106.15)

OKLCH

oklch(53.7%, 0.0485, 106.42)

HWB

hwb(58.2, 31%, 55.7%)

Harmony colors

Complementary

#4f5071

Analogous

#715f4f

#71704f

#61714f

Triadic

#71704f

#4f7170

#704f71

Split-complementary

#71704f

#4f6171

#5f4f71

Tetradic

#71704f

#50714f

#4f5071

#704f71

Square

#71704f

#4f715f

#4f5071

#714f61

Shades

Color #71704f mixed toward black.

#5e5d42

#4b4b35

#383827

#26251a

#13130d

Tints

Color #71704f mixed toward white.

#908f65

#a8a782

#bebda1

#d3d3c1

#e9e9e0

Tones

Color #71704f mixed toward gray.

#6e6d52

#6b6b55

#686857

#66655a

#63635d

Accessibility

Aa White text on this color

5.08:1

Aa Black text on this color

4.13:1

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

Under color vision deficiencies

Protanopia

#717158 · ΔE 2.7

Deuteranopia

#71715a · ΔE 3.4

Tritanopia

#715f60 · ΔE 21.2

Achromatopsia

#6e6e6e · ΔE 13.9

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

Code

CSS

background-color: #71704f;

Tailwind (arbitrary value)

bg-[#71704f]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#71704f (#71704f) is rgb(113, 112, 79) in RGB.

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

Generate a palette → Check contrast