#83BCA4

#83BCA4

Color Values

HEX

#83BCA4

RGB

131, 188, 164

HSL

154.7, 29.8%, 62.5%

HSV

154.7, 30.3%, 73.7%

CMYK

30.3%, 0.0%, 12.8%, 26.3%

OKLCH

0.7489 0.0689 166.5

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#83BCA4

#BC839B

Analogous

#83BC87

#83B7BC

#83BCA4

Triadic

#83BCA4

#A483BC

#BCA483

Split Complementary

#83BCA4

#BC83B7

#BC8783

Tetradic

#83BCA4

#8783BC

#BC839B

#B7BC83

Color Blindness Simulation

Original

#83BCA4

Protanopia

#9C9CAA

Deuteranopia

#9894AB

Tritanopia

#86AEAF

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D1E6DD
300
#B0D4C5
400
#85BDA5
500
#5AA585
600
#48846B
700
#396A55
800
#2D5343
900
#233D32
950
#162720

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.69:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026