#508744

#508744

Color Values

HEX

#508744

RGB

80, 135, 68

HSL

109.3, 33.0%, 39.8%

HSV

109.3, 49.6%, 52.9%

CMYK

40.7%, 0.0%, 49.6%, 47.1%

OKLCH

0.5684 0.1141 140.1

Properties

Cool Light Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#508744

#7B4487

Analogous

#718744

#44875A

#508744

Triadic

#508744

#445087

#874450

Split Complementary

#508744

#5A4487

#874471

Tetradic

#508744

#447187

#7B4487

#875A44

Color Blindness Simulation

Original

#508744

Protanopia

#686854

Deuteranopia

#656058

Tritanopia

#536164

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#EAF2E8
200
#D4E7D0
300
#B5D6AE
400
#8DC082
500
#64AA55
600
#508844
700
#406D37
800
#32552B
900
#273F22
950
#192816

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026