#508329

#508329

Color Values

HEX

#508329

RGB

80, 131, 41

HSL

94.0, 52.3%, 33.7%

HSV

94.0, 68.7%, 51.4%

CMYK

38.9%, 0.0%, 68.7%, 48.6%

OKLCH

0.5544 0.133 134.2

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#508329

#5C2983

Analogous

#7D8329

#29832F

#508329

Triadic

#508329

#295083

#832950

Split Complementary

#508329

#2F2983

#83297D

Tetradic

#508329

#297D83

#5C2983

#832F29

Color Blindness Simulation

Original

#508329

Protanopia

#66673F

Deuteranopia

#635F44

Tritanopia

#535054

Achromatopsia

#727272

CSS Usage

background-color: #508329;
color: #508329;
border-color: #508329;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D9EEC9
300
#BEE2A2
400
#9AD26F
500
#77C23D
600
#5F9B31
700
#4C7C27
800
#3B611E
900
#2D471A
950
#1D2D10

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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