#508F55

#508F55

Color Values

HEX

#508F55

RGB

80, 143, 85

HSL

124.8, 28.3%, 43.7%

HSV

124.8, 44.1%, 56.1%

CMYK

44.1%, 0.0%, 40.6%, 43.9%

OKLCH

0.5923 0.1088 145.8

Properties

Cool Light Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#508F55

#8F508A

Analogous

#6A8F50

#508F74

#508F55

Triadic

#508F55

#55508F

#8F5550

Split Complementary

#508F55

#74508F

#8F506A

Tetradic

#508F55

#506A8F

#8F508A

#8F7450

Color Blindness Simulation

Original

#508F55

Protanopia

#6B6C63

Deuteranopia

#686366

Tritanopia

#536E71

Achromatopsia

#7D7D7D

CSS Usage

background-color: #508F55;
color: #508F55;
border-color: #508F55;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F6F9F6
100
#E9F1EA
200
#D1E5D3
300
#B0D3B3
400
#86BB8A
500
#5BA461
600
#49834E
700
#3B693E
800
#2E5231
900
#243D26
950
#172618

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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