#508D21

#508D21

Color Values

HEX

#508D21

RGB

80, 141, 33

HSL

93.9, 62.1%, 34.1%

HSV

93.9, 76.6%, 55.3%

CMYK

43.3%, 0.0%, 76.6%, 44.7%

OKLCH

0.5803 0.1517 134.8

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#508D21

#5E218D

Analogous

#868D21

#218D28

#508D21

Triadic

#508D21

#21508D

#8D2150

Split Complementary

#508D21

#28218D

#8D2186

Tetradic

#508D21

#21868D

#5E218D

#8D2821

Color Blindness Simulation

Original

#508D21

Protanopia

#6A6B3B

Deuteranopia

#676241

Tritanopia

#535054

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D8F1C5
300
#BDE89C
400
#99DB66
500
#75CF30
600
#5EA527
700
#4B841F
800
#3B6718
900
#2D4C15
950
#1C300D

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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