#517620

#517620

Color Values

HEX

#517620

RGB

81, 118, 32

HSL

85.8, 57.3%, 29.4%

HSV

85.8, 72.9%, 46.3%

CMYK

31.4%, 0.0%, 72.9%, 53.7%

OKLCH

0.5198 0.1211 130.0

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#517620

#452076

Analogous

#767020

#267620

#517620

Triadic

#517620

#205176

#762051

Split Complementary

#517620

#202676

#702076

Tetradic

#517620

#207670

#452076

#762026

Color Blindness Simulation

Original

#517620

Protanopia

#616135

Deuteranopia

#5F5C3A

Tritanopia

#534549

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DEF0C7
300
#C7E59F
400
#A8D76B
500
#8AC936
600
#6EA02C
700
#588023
800
#45641B
900
#344917
950
#212E0F

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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