#50ACAB

#50ACAB

Color Values

HEX

#50ACAB

RGB

80, 172, 171

HSL

179.3, 36.5%, 49.4%

HSV

179.3, 53.5%, 67.5%

CMYK

53.5%, 0.0%, 0.6%, 32.5%

OKLCH

0.6887 0.0873 194.4

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#50ACAB

#AC5051

Analogous

#50AC7D

#507FAC

#50ACAB

Triadic

#50ACAB

#AB50AC

#ACAB50

Split Complementary

#50ACAB

#AC507F

#AC7D50

Tetradic

#50ACAB

#7D50AC

#AC5051

#7FAC50

Color Blindness Simulation

Original

#50ACAB

Protanopia

#7879AB

Deuteranopia

#726CAB

Tritanopia

#55ABAB

Achromatopsia

#989898

CSS Usage

background-color: #50ACAB;
color: #50ACAB;
border-color: #50ACAB;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAFA
100
#E8F3F3
200
#CEE8E8
300
#ABD8D8
400
#7EC3C2
500
#51AEAD
600
#418B8A
700
#346F6F
800
#285756
900
#214040
950
#152928

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026