HEX Color #5F5F2C (Darkolivegreen)

About #5F5F2C

The precise color #5F5F2C 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 44.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 0% M, 54% Y, and 63% K. The HSL representation is 60.0° hue, 36.7% saturation, and 27.3% 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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#5F5F2C

RGB95, 95, 44

HSL60.0°, 36.7%, 27.3%

CMYK0%, 0%, 54%, 63%

HSV60.0°, 53.7%, 37.3%

LAB39.2, -8.0, 28.9

XYZ9.3, 10.8, 4.0

Decimal6250284

Color Harmonies

Complementary

#5F5F2C #2C2C5F

Analogous

#5F452C #455F2C

Triadic

#2C5E5F #5F2C5E

Tetradic

#2C5F45 #2C2C5F #5F2C45

Tints, Shades & Tones

Tints (Adding White)

#5F5F2C

#707043

#82825A

#949472

#A6A689

#B7B7A1

#C9C9B8

#DBDBD0

#EDEDE7

#FFFFFF

Shades (Adding Black)

#5F5F2C

#545427

#494922

#3F3F1D

#343418

#2A2A13

#1F1F0E

#151509

#0A0A04

#000000

WCAG Contrast Accessibility

6.65:1

Text on #FFFFFF

AA

3.16:1

Text on #000000

AA Large

6.35:1

Text on #F8FAFC

AA

2.69:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkolivegreen

#556B2F