#83AE56

#83AE56

Color Values

HEX

#83AE56

RGB

131, 174, 86

HSL

89.3, 35.2%, 51.0%

HSV

89.3, 50.6%, 68.2%

CMYK

24.7%, 0.0%, 50.6%, 31.8%

OKLCH

0.6996 0.1266 130.5

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#83AE56

#8156AE

Analogous

#AEAD56

#57AE56

#83AE56

Triadic

#83AE56

#5683AE

#AE5683

Split Complementary

#83AE56

#5657AE

#AD56AE

Tetradic

#83AE56

#56AEAD

#8156AE

#AE5657

Color Blindness Simulation

Original

#83AE56

Protanopia

#96966B

Deuteranopia

#939070

Tritanopia

#857C80

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DCE8CF
300
#C2D7AC
400
#A1C27F
500
#81AC53
600
#678A42
700
#526E35
800
#405629
900
#314021
950
#1F2815

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.15:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026