#518330

#518330

Color Values

HEX

#518330

RGB

81, 131, 48

HSL

96.1, 46.4%, 35.1%

HSV

96.1, 63.4%, 51.4%

CMYK

38.2%, 0.0%, 63.4%, 48.6%

OKLCH

0.5557 0.1267 134.9

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#518330

#623083

Analogous

#7B8330

#308338

#518330

Triadic

#518330

#305183

#833051

Split Complementary

#518330

#383083

#83307B

Tetradic

#518330

#307B83

#623083

#833830

Color Blindness Simulation

Original

#518330

Protanopia

#676744

Deuteranopia

#646049

Tritanopia

#545457

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D8ECCB
300
#BCDEA5
400
#98CC75
500
#73BB44
600
#5C9537
700
#4A772C
800
#3A5D22
900
#2C451C
950
#1C2B12

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

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