#516648

#516648

Color Values

HEX

#516648

RGB

81, 102, 72

HSL

102.0, 17.2%, 34.1%

HSV

102.0, 29.4%, 40.0%

CMYK

20.6%, 0.0%, 29.4%, 60.0%

OKLCH

0.4843 0.0531 136.5

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#516648

#5D4866

Analogous

#606648

#48664E

#516648

Triadic

#516648

#485166

#664851

Split Complementary

#516648

#4E4866

#664860

Tetradic

#516648

#486066

#5D4866

#664E48

Color Blindness Simulation

Original

#516648

Protanopia

#5A5A4F

Deuteranopia

#595751

Tritanopia

#525556

Achromatopsia

#5F5F5F

CSS Usage

background-color: #516648;
color: #516648;
border-color: #516648;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F7F8F6
100
#ECF0EB
200
#D9E1D5
300
#BECCB7
400
#9AB190
500
#77956A
600
#5F7854
700
#4C6044
800
#3B4B35
900
#2D3829
950
#1D231A

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

3.34: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