HEX Color #5F5007 (Darkolivegreen)

About #5F5007

Visually, #5F5007 is defined as a vivid yellow. Its closest recognized web color is Darkolivegreen. Its digital footprint relies on 95 parts red, 80 parts green, and 7 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 16% magenta inks. The HSL representation is 49.8° hue, 86.3% saturation, and 20.0% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5F5007

RGB95, 80, 7

HSL49.8°, 86.3%, 20.0%

CMYK0%, 16%, 93%, 63%

HSV49.8°, 92.6%, 37.3%

LAB34.4, -1.4, 40.2

XYZ7.6, 8.2, 1.4

Decimal6246407

Color Harmonies

Complementary

#5F5007 #07165F

Analogous

#5F2307 #415F07

Triadic

#075F4F #4F075F

Tetradic

#075F23 #07165F #5F0741

Tints, Shades & Tones

Tints (Adding White)

#5F5007

#706322

#82763E

#948A59

#A69D75

#B7B190

#C9C4AC

#DBD8C7

#EDEBE3

#FFFFFF

Shades (Adding Black)

#5F5007

#544706

#493E05

#3F3504

#342C03

#2A2303

#1F1A02

#151101

#0A0800

#000000

WCAG Contrast Accessibility

7.96:1

Text on #FFFFFF

AAA

2.64:1

Text on #000000

FAIL

7.61:1

Text on #F8FAFC

AAA

2.24:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5F5007; }

.text-color { color: #5F5007; }

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

Similar Colors

Darkolivegreen

#556B2F