HEX Color #505F16 (Darkolivegreen)

About #505F16

The precise color #505F16 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkolivegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 95, and 22.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 16% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#505F16

RGB80, 95, 22

HSL72.3°, 62.4%, 22.9%

CMYK16%, 0%, 77%, 63%

HSV72.3°, 76.8%, 37.3%

LAB37.7, -16.8, 37.5

XYZ7.5, 9.9, 2.3

Decimal5267222

Color Harmonies

Complementary

#505F16 #24155F

Analogous

#5F4915 #2B5F15

Triadic

#154F5F #5F1550

Tetradic

#155F49 #24155F #5F152B

Tints, Shades & Tones

Tints (Adding White)

#505F16

#63702F

#768249

#8A9463

#9DA67D

#B1B797

#C4C9B1

#D8DBCB

#EBEDE5

#FFFFFF

Shades (Adding Black)

#505F16

#475413

#3E4911

#353F0E

#2C340C

#232A09

#1A1F07

#111504

#080A02

#000000

WCAG Contrast Accessibility

7.02:1

Text on #FFFFFF

AAA

2.99:1

Text on #000000

FAIL

6.71:1

Text on #F8FAFC

AA

2.54:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #505F16; }

.text-color { color: #505F16; }

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

Similar Colors

Darkolivegreen

#556B2F