HEX Color #5F4916 (Darkolivegreen)

About #5F4916

The precise color #5F4916 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 95 red, 73 green, and 22 blue.

For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 23% Magenta, 77% Yellow, and 63% Black. The HSL representation is 41.9° hue, 62.4% saturation, and 22.9% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#5F4916

RGB95, 73, 22

HSL41.9°, 62.4%, 22.9%

CMYK0%, 23%, 77%, 63%

HSV41.9°, 76.8%, 37.3%

LAB32.4, 3.5, 32.7

XYZ7.2, 7.3, 1.8

Decimal6244630

Color Harmonies

Complementary

#5F4916 #152B5F

Analogous

#5F2415 #505F15

Triadic

#155F49 #49155F

Tetradic

#155F24 #152B5F #5F1550

Tints, Shades & Tones

Tints (Adding White)

#5F4916

#705D2F

#827149

#948563

#A6997D

#B7AE97

#C9C2B1

#DBD6CB

#EDEAE5

#FFFFFF

Shades (Adding Black)

#5F4916

#544013

#493811

#3F300E

#34280C

#2A2009

#1F1807

#151004

#0A0802

#000000

WCAG Contrast Accessibility

8.57:1

Text on #FFFFFF

AAA

2.45:1

Text on #000000

FAIL

8.19:1

Text on #F8FAFC

AAA

2.08:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkolivegreen

#556B2F