#507346

#507346

Color Values

HEX

#507346

RGB

80, 115, 70

HSL

106.7, 24.3%, 36.3%

HSV

106.7, 39.1%, 45.1%

CMYK

30.4%, 0.0%, 39.1%, 54.9%

OKLCH

0.5166 0.0793 138.9

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#507346

#694673

Analogous

#677346

#467353

#507346

Triadic

#507346

#465073

#734650

Split Complementary

#507346

#534673

#734667

Tetradic

#507346

#466773

#694673

#735346

Color Blindness Simulation

Original

#507346

Protanopia

#5F5F51

Deuteranopia

#5D5A54

Tritanopia

#52595B

Achromatopsia

#686868

CSS Usage

background-color: #507346;
color: #507346;
border-color: #507346;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6F9F6
100
#EBF1E9
200
#D6E4D3
300
#BAD1B3
400
#94B88A
500
#6E9E61
600
#587F4D
700
#47653E
800
#374F30
900
#2B3B26
950
#1B2518

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

3.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026