#508F48

#508F48

Color Values

HEX

#508F48

RGB

80, 143, 72

HSL

113.2, 33.0%, 42.2%

HSV

113.2, 49.7%, 56.1%

CMYK

44.1%, 0.0%, 49.7%, 43.9%

OKLCH

0.59 0.1223 141.5

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#508F48

#87488F

Analogous

#748F48

#488F64

#508F48

Triadic

#508F48

#48508F

#8F4850

Split Complementary

#508F48

#64488F

#8F4874

Tetradic

#508F48

#48748F

#87488F

#8F6448

Color Blindness Simulation

Original

#508F48

Protanopia

#6B6C59

Deuteranopia

#68635D

Tritanopia

#53676A

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#E9F2E8
200
#D2E7D0
300
#B2D6AE
400
#89C082
500
#5FAA55
600
#4C8844
700
#3D6D37
800
#2F552B
900
#253F22
950
#182816

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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