#83D386

#83D386

Color Values

HEX

#83D386

RGB

131, 211, 134

HSL

122.2, 47.6%, 67.1%

HSV

122.2, 37.9%, 82.7%

CMYK

37.9%, 0.0%, 36.5%, 17.3%

OKLCH

0.796 0.1331 145.0

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#83D386

#D383D0

Analogous

#A8D383

#83D3AE

#83D386

Triadic

#83D386

#8683D3

#D38683

Split Complementary

#83D386

#AE83D3

#D383A8

Tetradic

#83D386

#83A8D3

#D383D0

#D3AE83

Color Blindness Simulation

Original

#83D386

Protanopia

#A6A699

Deuteranopia

#A19B9D

Tritanopia

#87A7AB

Achromatopsia

#BCBCBC

CSS Usage

background-color: #83D386;
color: #83D386;
border-color: #83D386;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FAF4
100
#E6F4E6
200
#CAECCC
300
#A5DFA7
400
#74CE77
500
#43BC47
600
#359739
700
#2B782E
800
#215E24
900
#1C451D
950
#112C12

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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