#516C2F

#516C2F

Color Values

HEX

#516C2F

RGB

81, 108, 47

HSL

86.6, 39.4%, 30.4%

HSV

86.6, 56.5%, 42.4%

CMYK

25.0%, 0.0%, 56.5%, 57.6%

OKLCH

0.4951 0.0932 129.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#516C2F

#4A2F6C

Analogous

#6C692F

#326C2F

#516C2F

Triadic

#516C2F

#2F516C

#6C2F51

Split Complementary

#516C2F

#2F326C

#692F6C

Tetradic

#516C2F

#2F6C69

#4A2F6C

#6C2F32

Color Blindness Simulation

Original

#516C2F

Protanopia

#5D5D3E

Deuteranopia

#5B5941

Tritanopia

#52494C

Achromatopsia

#626262

CSS Usage

background-color: #516C2F;
color: #516C2F;
border-color: #516C2F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDE9CD
300
#C5DAAA
400
#A5C67B
500
#85B24D
600
#6B8E3E
700
#557231
800
#435927
900
#32421F
950
#202914

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

3.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026