#83A64D

#83A64D

Color Values

HEX

#83A64D

RGB

131, 166, 77

HSL

83.6, 36.6%, 47.6%

HSV

83.6, 53.6%, 65.1%

CMYK

21.1%, 0.0%, 53.6%, 34.9%

OKLCH

0.6793 0.1239 127.2

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#83A64D

#704DA6

Analogous

#A69C4D

#56A64D

#83A64D

Triadic

#83A64D

#4D83A6

#A64D83

Split Complementary

#83A64D

#4D56A6

#9C4DA6

Tetradic

#83A64D

#4DA69C

#704DA6

#A64D56

Color Blindness Simulation

Original

#83A64D

Protanopia

#929263

Deuteranopia

#908E68

Tritanopia

#857477

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DEE8CE
300
#C7D8AB
400
#A8C37E
500
#89AE51
600
#6E8B41
700
#586F34
800
#455728
900
#344020
950
#212915

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.53:1

AA Pass AAA Pass

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