#83E685

#83E685

Color Values

HEX

#83E685

RGB

131, 230, 133

HSL

121.2, 66.4%, 70.8%

HSV

121.2, 43.0%, 90.2%

CMYK

43.0%, 0.0%, 42.2%, 9.8%

OKLCH

0.8411 0.162 144.4

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#83E685

#E683E4

Analogous

#B3E683

#83E6B7

#83E685

Triadic

#83E685

#8583E6

#E68583

Split Complementary

#83E685

#B783E6

#E683B3

Tetradic

#83E685

#83B3E6

#E683E4

#E6B783

Color Blindness Simulation

Original

#83E685

Protanopia

#AEAF9C

Deuteranopia

#A8A1A2

Tritanopia

#88AFB3

Achromatopsia

#CACACA

CSS Usage

background-color: #83E685;
color: #83E685;
border-color: #83E685;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF3
100
#E3F7E3
200
#C4F3C5
300
#99EA9B
400
#62DF65
500
#2BD42E
600
#22AA25
700
#1B881E
800
#156A17
900
#134D15
950
#0C310D

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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