#83C5AF

#83C5AF

Color Values

HEX

#83C5AF

RGB

131, 197, 175

HSL

160.0, 36.3%, 64.3%

HSV

160.0, 33.5%, 77.3%

CMYK

33.5%, 0.0%, 11.2%, 22.7%

OKLCH

0.7727 0.0746 171.3

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#83C5AF

#C58399

Analogous

#83C58E

#83BAC5

#83C5AF

Triadic

#83C5AF

#AF83C5

#C5AF83

Split Complementary

#83C5AF

#C583BA

#C58E83

Tetradic

#83C5AF

#8E83C5

#C58399

#BAC583

Color Blindness Simulation

Original

#83C5AF

Protanopia

#A0A0B4

Deuteranopia

#9C97B6

Tritanopia

#86B9B9

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE8E0
300
#ACD8C9
400
#7EC3AC
500
#51AE8F
600
#418B72
700
#346F5B
800
#295747
900
#214036
950
#152922

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026