#509142

#509142

Color Values

HEX

#509142

RGB

80, 145, 66

HSL

109.4, 37.4%, 41.4%

HSV

109.4, 54.5%, 56.9%

CMYK

44.8%, 0.0%, 54.5%, 43.1%

OKLCH

0.5944 0.1311 140.1

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#509142

#834291

Analogous

#789142

#42915C

#509142

Triadic

#509142

#425091

#914250

Split Complementary

#509142

#5C4291

#914278

Tetradic

#509142

#427891

#834291

#915C42

Color Blindness Simulation

Original

#509142

Protanopia

#6C6D55

Deuteranopia

#68645A

Tritanopia

#536468

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#E9F3E7
200
#D3E9CE
300
#B3D9AB
400
#8AC47D
500
#61AF50
600
#4D8C40
700
#3E7033
800
#305828
900
#264120
950
#182914

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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