HEX Color #505700 (Darkolivegreen)

About #505700

The precise color #505700 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkolivegreen. In the RGB color space, it consists of 80 red, 87 green, and 0 blue.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 8% Cyan, 0% Magenta, 100% Yellow, and 66% Black. The HSL representation is 64.8° hue, 100.0% saturation, and 17.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a very dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#505700

RGB80, 87, 0

HSL64.8°, 100.0%, 17.1%

CMYK8%, 0%, 100%, 66%

HSV64.8°, 100.0%, 34.1%

LAB35.0, -13.3, 42.4

XYZ6.7, 8.5, 1.3

Decimal5265152

Color Harmonies

Complementary

#505700 #070057

Analogous

#573200 #245700

Triadic

#004F57 #57004F

Tetradic

#005732 #070057 #570024

Tints, Shades & Tones

Tints (Adding White)

#505700

#63691C

#767C38

#8A8F55

#9DA171

#B1B48D

#C4C7AA

#D8D9C6

#EBECE2

#FFFFFF

Shades (Adding Black)

#505700

#474D00

#3E4300

#353A00

#2C3000

#232600

#1A1D00

#111300

#080900

#000000

WCAG Contrast Accessibility

7.77:1

Text on #FFFFFF

AAA

2.70:1

Text on #000000

FAIL

7.42:1

Text on #F8FAFC

AAA

2.30:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #505700; }

.text-color { color: #505700; }

.border-color { border: 2px solid #505700; }

Similar Colors

Darkolivegreen

#556B2F