#518318

#518318

Color Values

HEX

#518318

RGB

81, 131, 24

HSL

88.0, 69.0%, 30.4%

HSV

88.0, 81.7%, 51.4%

CMYK

38.2%, 0.0%, 81.7%, 48.6%

OKLCH

0.5537 0.1432 132.2

Properties

Cool Light Nearest: olivedrab 4

Color Harmonies

Complementary

#518318

#4A1883

Analogous

#837F18

#1C8318

#518318

Triadic

#518318

#185183

#831851

Split Complementary

#518318

#181C83

#7F1883

Tetradic

#518318

#18837F

#4A1883

#83181C

Color Blindness Simulation

Original

#518318

Protanopia

#676732

Deuteranopia

#646038

Tritanopia

#54464B

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E3
200
#DDF4C3
300
#C5EC98
400
#A5E260
500
#85D728
600
#6BAC20
700
#558A19
800
#436C14
900
#324F12
950
#20320C

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass 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