#507D15

#507D15

Color Values

HEX

#507D15

RGB

80, 125, 21

HSL

86.0, 71.2%, 28.6%

HSV

86.0, 83.2%, 49.0%

CMYK

36.0%, 0.0%, 83.2%, 51.0%

OKLCH

0.537 0.1376 131.1

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#507D15

#42157D

Analogous

#7D7615

#1C7D15

#507D15

Triadic

#507D15

#15507D

#7D1550

Split Complementary

#507D15

#151C7D

#76157D

Tetradic

#507D15

#157D76

#42157D

#7D151C

Color Blindness Simulation

Original

#507D15

Protanopia

#63642E

Deuteranopia

#615E34

Tritanopia

#524246

Achromatopsia

#6C6C6C

CSS Usage

background-color: #507D15;
color: #507D15;
border-color: #507D15;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FCF3
100
#EFF8E2
200
#DFF5C2
300
#C8ED96
400
#AAE45D
500
#8CDA25
600
#70AF1D
700
#598C18
800
#466D12
900
#354F11
950
#21320B

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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