#508C25

#508C25

Color Values

HEX

#508C25

RGB

80, 140, 37

HSL

95.0, 58.2%, 34.7%

HSV

95.0, 73.6%, 54.9%

CMYK

42.9%, 0.0%, 73.6%, 45.1%

OKLCH

0.578 0.1479 135.1

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#508C25

#61258C

Analogous

#838C25

#258C2E

#508C25

Triadic

#508C25

#25508C

#8C2550

Split Complementary

#508C25

#2E258C

#8C2583

Tetradic

#508C25

#25838C

#61258C

#8C2E25

Color Blindness Simulation

Original

#508C25

Protanopia

#6A6B3E

Deuteranopia

#666244

Tritanopia

#535256

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E4
200
#D8F0C7
300
#BCE59E
400
#97D86A
500
#73CA35
600
#5CA12B
700
#4A8122
800
#3A651B
900
#2C4A17
950
#1C2F0F

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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