#508B26

#508B26

Color Values

HEX

#508B26

RGB

80, 139, 38

HSL

95.0, 57.1%, 34.7%

HSV

95.0, 72.7%, 54.5%

CMYK

42.4%, 0.0%, 72.7%, 45.5%

OKLCH

0.5754 0.1459 135.1

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#508B26

#61268B

Analogous

#838B26

#268B2E

#508B26

Triadic

#508B26

#26508B

#8B2650

Split Complementary

#508B26

#2E268B

#8B2683

Tetradic

#508B26

#26838B

#61268B

#8B2E26

Color Blindness Simulation

Original

#508B26

Protanopia

#6A6A3E

Deuteranopia

#666244

Tritanopia

#535256

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E4
200
#D8F0C7
300
#BCE59F
400
#98D76B
500
#73C837
600
#5CA02C
700
#4A8023
800
#3A641B
900
#2C4918
950
#1C2E0F

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.06:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026