#777f43

Color #777f43

A muted dark yellow.

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

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

Conversions

HEX

#777f43

RGB

rgb(119, 127, 67)

HSL

hsl(68, 30.9%, 38%)

HSV / HSB

hsv(68, 47.2%, 49.8%)

CMYK

cmyk(6.3%, 0%, 47.2%, 50.2%)

LAB

lab(51.27, -12.69, 31.46)

LCH

lch(51.27, 33.92, 111.97)

OKLCH

oklch(57.6%, 0.0835, 115.31)

HWB

hwb(68, 26.3%, 50.2%)

Harmony colors

Complementary

#4b437f

Analogous

#7f6943

#777f43

#597f43

Triadic

#777f43

#43777f

#7f4377

Split-complementary

#777f43

#43597f

#69437f

Tetradic

#777f43

#437f4b

#4b437f

#7f4377

Square

#777f43

#437f69

#4b437f

#7f4359

Shades

Color #777f43 mixed toward black.

#636a38

#4f552d

#3b3f21

#282a16

#14150b

Tints

Color #777f43 mixed toward white.

#97a155

#adb675

#c2c898

#d6dbba

#ebeddd

Tones

Color #777f43 mixed toward gray.

#737a48

#70754d

#6c7052

#686b57

#65665c

Accessibility

Aa White text on this color

4.28:1

Aa Black text on this color

4.9:1

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

Under color vision deficiencies

Protanopia

#7b7b56 · ΔE 6

Deuteranopia

#7a795a · ΔE 7.8

Tritanopia

#776365 · ΔE 29.4

Achromatopsia

#7a7a7a · ΔE 19.9

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

Code

CSS

background-color: #777f43;

Tailwind (arbitrary value)

bg-[#777f43]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#777f43 (#777f43) is rgb(119, 127, 67) in RGB.

No, #777f43 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #777f43, or check how it holds up for accessibility.

Generate a palette → Check contrast