#74815e

Color #74815e

A muted medium green.

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

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

Conversions

HEX

#74815e

RGB

rgb(116, 129, 94)

HSL

hsl(82.3, 15.7%, 43.7%)

HSV / HSB

hsv(82.3, 27.1%, 50.6%)

CMYK

cmyk(10.1%, 0%, 27.1%, 49.4%)

LAB

lab(52.09, -11.36, 17.44)

LCH

lch(52.09, 20.81, 123.08)

OKLCH

oklch(58.3%, 0.0536, 124.58)

HWB

hwb(82.3, 36.9%, 49.4%)

Harmony colors

Complementary

#6b5e81

Analogous

#817c5e

#74815e

#62815e

Triadic

#74815e

#5e7481

#815e74

Split-complementary

#74815e

#5e6281

#7c5e81

Tetradic

#74815e

#5e816b

#6b5e81

#815e74

Square

#74815e

#5e817c

#6b5e81

#815e62

Shades

Color #74815e mixed toward black.

#616b4e

#4d563f

#3a402f

#272b1f

#131510

Tints

Color #74815e mixed toward white.

#8c9a75

#a3ae90

#bac2ac

#d1d7c8

#e8ebe3

Tones

Color #74815e mixed toward gray.

#737e61

#727b64

#727867

#71756a

#70726d

Accessibility

Aa White text on this color

4.16:1

Aa Black text on this color

5.04:1

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

Under color vision deficiencies

Protanopia

#7a7a68 · ΔE 8.1

Deuteranopia

#79786a · ΔE 9.9

Tritanopia

#756f70 · ΔE 20.3

Achromatopsia

#7c7c7c · ΔE 15.7

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

Code

CSS

background-color: #74815e;

Tailwind (arbitrary value)

bg-[#74815e]

Related colors

Dark Olive Green #556b2f

Green Yellow #adff2f

Yellow Green #9acd32

Olive Drab #6b8e23

Chartreuse #7fff00

Lawn Green #7cfc00

Frequently asked questions

#74815e (#74815e) is rgb(116, 129, 94) in RGB.

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

Generate a palette → Check contrast