#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026