#83D5AF

#83D5AF

Color Values

HEX

#83D5AF

RGB

131, 213, 175

HSL

152.2, 49.4%, 67.5%

HSV

152.2, 38.5%, 83.5%

CMYK

38.5%, 0.0%, 17.8%, 16.5%

OKLCH

0.8098 0.0976 163.2

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#83D5AF

#D583A9

Analogous

#83D586

#83D2D5

#83D5AF

Triadic

#83D5AF

#AF83D5

#D5AF83

Split Complementary

#83D5AF

#D583D2

#D58683

Tetradic

#83D5AF

#8683D5

#D583A9

#D2D583

Color Blindness Simulation

Original

#83D5AF

Protanopia

#A7A7B8

Deuteranopia

#A29CBA

Tritanopia

#87BFC1

Achromatopsia

#C1C1C1

CSS Usage

background-color: #83D5AF;
color: #83D5AF;
border-color: #83D5AF;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F4FBF8
100
#E6F5EE
200
#CAEDDD
300
#A4E0C4
400
#72CFA4
500
#41BE84
600
#34986A
700
#297A55
800
#205F42
900
#1B4632
950
#112C20

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.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