#83B451

#83B451

Color Values

HEX

#83B451

RGB

131, 180, 81

HSL

89.7, 39.8%, 51.2%

HSV

89.7, 55.0%, 70.6%

CMYK

27.2%, 0.0%, 55.0%, 29.4%

OKLCH

0.7134 0.14 131.1

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#83B451

#8251B4

Analogous

#B4B451

#52B451

#83B451

Triadic

#83B451

#5183B4

#B45183

Split Complementary

#83B451

#5152B4

#B451B4

Tetradic

#83B451

#51B4B4

#8251B4

#B45152

Color Blindness Simulation

Original

#83B451

Protanopia

#989969

Deuteranopia

#95926F

Tritanopia

#857C80

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DBEACD
300
#C2DAA9
400
#A1C67B
500
#80B24D
600
#668F3D
700
#527231
800
#405926
900
#31421F
950
#1F2A14

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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