#83CC9E

#83CC9E

Color Values

HEX

#83CC9E

RGB

131, 204, 158

HSL

142.2, 41.7%, 65.7%

HSV

142.2, 35.8%, 80.0%

CMYK

35.8%, 0.0%, 22.5%, 20.0%

OKLCH

0.7846 0.0987 155.7

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#83CC9E

#CC83B1

Analogous

#8DCC83

#83CCC3

#83CC9E

Triadic

#83CC9E

#9E83CC

#CC9E83

Split Complementary

#83CC9E

#C383CC

#CC838D

Tetradic

#83CC9E

#838DCC

#CC83B1

#CCC383

Color Blindness Simulation

Original

#83CC9E

Protanopia

#A3A3A9

Deuteranopia

#9E99AC

Tritanopia

#87B2B4

Achromatopsia

#B9B9B9

CSS Usage

background-color: #83CC9E;
color: #83CC9E;
border-color: #83CC9E;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CCEAD7
300
#A8DBBB
400
#79C896
500
#4AB572
600
#3B915B
700
#307449
800
#255A39
900
#1E432C
950
#132A1C

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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