#83E332

#83E332

Color Values

HEX

#83E332

RGB

131, 227, 50

HSL

92.5, 76.0%, 54.3%

HSV

92.5, 78.0%, 89.0%

CMYK

42.3%, 0.0%, 78.0%, 11.0%

OKLCH

0.825 0.221 134.6

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#83E332

#9232E3

Analogous

#DCE332

#32E339

#83E332

Triadic

#83E332

#3283E3

#E33283

Split Complementary

#83E332

#3932E3

#E332DC

Tetradic

#83E332

#32DCE3

#9232E3

#E33932

Color Blindness Simulation

Original

#83E332

Protanopia

#ADAD5D

Deuteranopia

#A7A067

Tritanopia

#887F86

Achromatopsia

#C2C2C2

CSS Usage

background-color: #83E332;
color: #83E332;
border-color: #83E332;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F7FCF2
100
#ECF9E2
200
#D9F6C0
300
#BEF093
400
#9BE859
500
#77E01F
600
#60B418
700
#4C9014
800
#3C700F
900
#2E520F
950
#1D340A

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

13.0:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026