#83C880

#83C880

Color Values

HEX

#83C880

RGB

131, 200, 128

HSL

117.5, 39.6%, 64.3%

HSV

117.5, 36.0%, 78.4%

CMYK

34.5%, 0.0%, 36.0%, 21.6%

OKLCH

0.7687 0.1224 143.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#83C880

#C580C8

Analogous

#A7C880

#80C8A1

#83C880

Triadic

#83C880

#8083C8

#C88083

Split Complementary

#83C880

#A180C8

#C880A7

Tetradic

#83C880

#80A7C8

#C580C8

#C8A180

Color Blindness Simulation

Original

#83C880

Protanopia

#A1A191

Deuteranopia

#9D9896

Tritanopia

#869FA2

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CEE9CD
300
#ACDAAA
400
#7EC67B
500
#51B24D
600
#418E3E
700
#347231
800
#295927
900
#21421F
950
#152A14

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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