HEX Color #5F5F33 (Darkolivegreen)

About #5F5F33

The precise color #5F5F33 is an excellent choice for modern design projects. Its closest recognized web color is Darkolivegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 95, and 51.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 0% magenta, 46% yellow, and 63% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5F5F33

RGB95, 95, 51

HSL60.0°, 30.1%, 28.6%

CMYK0%, 0%, 46%, 63%

HSV60.0°, 46.3%, 37.3%

LAB39.3, -7.2, 25.1

XYZ9.4, 10.9, 4.7

Decimal6250291

Color Harmonies

Complementary

#5F5F33 #32325F

Analogous

#5F4932 #495F32

Triadic

#325E5F #5F325E

Tetradic

#325F49 #32325F #5F3249

Tints, Shades & Tones

Tints (Adding White)

#5F5F33

#707049

#828260

#949477

#A6A68D

#B7B7A4

#C9C9BB

#DBDBD1

#EDEDE8

#FFFFFF

Shades (Adding Black)

#5F5F33

#54542D

#494927

#3F3F22

#34341C

#2A2A16

#1F1F11

#15150B

#0A0A05

#000000

WCAG Contrast Accessibility

6.62:1

Text on #FFFFFF

AA

3.17:1

Text on #000000

AA Large

6.33:1

Text on #F8FAFC

AA

2.70:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkolivegreen

#556B2F