#82A352

#82A352

Color Values

HEX

#82A352

RGB

130, 163, 82

HSL

84.4, 33.1%, 48.0%

HSV

84.4, 49.7%, 63.9%

CMYK

20.2%, 0.0%, 49.7%, 36.1%

OKLCH

0.6721 0.115 127.5

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#82A352

#7352A3

Analogous

#A39B52

#59A352

#82A352

Triadic

#82A352

#5282A3

#A35282

Split Complementary

#82A352

#5259A3

#9B52A3

Tetradic

#82A352

#52A39B

#7352A3

#A35259

Color Blindness Simulation

Original

#82A352

Protanopia

#909166

Deuteranopia

#8E8C6A

Tritanopia

#847578

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DEE7CF
300
#C6D6AE
400
#A6C081
500
#87AA55
600
#6C8844
700
#576D37
800
#44552B
900
#333F22
950
#202815

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026