#83AE49

#83AE49

Color Values

HEX

#83AE49

RGB

131, 174, 73

HSL

85.5, 40.9%, 48.4%

HSV

85.5, 58.0%, 68.2%

CMYK

24.7%, 0.0%, 58.0%, 31.8%

OKLCH

0.698 0.1389 128.8

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#83AE49

#7449AE

Analogous

#AEA649

#51AE49

#83AE49

Triadic

#83AE49

#4983AE

#AE4983

Split Complementary

#83AE49

#4951AE

#A649AE

Tetradic

#83AE49

#49AEA6

#7449AE

#AE4951

Color Blindness Simulation

Original

#83AE49

Protanopia

#969661

Deuteranopia

#939067

Tritanopia

#857579

Achromatopsia

#9E9E9E

CSS Usage

background-color: #83AE49;
color: #83AE49;
border-color: #83AE49;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDEACD
300
#C6DBA9
400
#A6C77A
500
#87B44B
600
#6C903C
700
#577330
800
#445A26
900
#33421F
950
#202A13

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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