#509243

#509243

Color Values

HEX

#509243

RGB

80, 146, 67

HSL

110.1, 37.1%, 41.8%

HSV

110.1, 54.1%, 57.3%

CMYK

45.2%, 0.0%, 54.1%, 42.7%

OKLCH

0.5971 0.1316 140.4

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#509243

#854392

Analogous

#789243

#43925E

#509243

Triadic

#509243

#435092

#924350

Split Complementary

#509243

#5E4392

#924378

Tetradic

#509243

#437892

#854392

#925E43

Color Blindness Simulation

Original

#509243

Protanopia

#6D6D56

Deuteranopia

#69645B

Tritanopia

#536569

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#E9F3E8
200
#D2E9CE
300
#B3D9AB
400
#89C47E
500
#60AF50
600
#4D8C40
700
#3D7033
800
#305728
900
#264120
950
#182914

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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