#508128

#508128

Color Values

HEX

#508128

RGB

80, 129, 40

HSL

93.0, 52.7%, 33.1%

HSV

93.0, 69.0%, 50.6%

CMYK

38.0%, 0.0%, 69.0%, 49.4%

OKLCH

0.549 0.131 133.8

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#508128

#592881

Analogous

#7C8128

#28812C

#508128

Triadic

#508128

#285081

#812850

Split Complementary

#508128

#2C2881

#81287C

Tetradic

#508128

#287C81

#592881

#812C28

Color Blindness Simulation

Original

#508128

Protanopia

#65663E

Deuteranopia

#625F43

Tritanopia

#524F52

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D9EEC8
300
#BFE2A2
400
#9CD26F
500
#79C33C
600
#619C30
700
#4D7D27
800
#3C611E
900
#2E4719
950
#1D2D10

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

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