#83CE93

#83CE93

Color Values

HEX

#83CE93

RGB

131, 206, 147

HSL

132.8, 43.4%, 66.1%

HSV

132.8, 36.4%, 80.8%

CMYK

36.4%, 0.0%, 28.6%, 19.2%

OKLCH

0.7868 0.1124 150.0

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#83CE93

#CE83BE

Analogous

#99CE83

#83CEB9

#83CE93

Triadic

#83CE93

#9383CE

#CE9383

Split Complementary

#83CE93

#B983CE

#CE8399

Tetradic

#83CE93

#8399CE

#CE83BE

#CEB983

Color Blindness Simulation

Original

#83CE93

Protanopia

#A3A4A1

Deuteranopia

#9F9AA5

Tritanopia

#87ADAF

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E7F4E9
200
#CCEBD2
300
#A7DCB3
400
#78CA89
500
#48B760
600
#3A924D
700
#2E753D
800
#245B30
900
#1E4326
950
#132B18

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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