#50F1DF

#50F1DF

Color Values

HEX

#50F1DF

RGB

80, 241, 223

HSL

173.3, 85.2%, 62.9%

HSV

173.3, 66.8%, 94.5%

CMYK

66.8%, 0.0%, 7.5%, 5.5%

OKLCH

0.871 0.1343 184.4

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#50F1DF

#F15062

Analogous

#50F18E

#50B2F1

#50F1DF

Triadic

#50F1DF

#DF50F1

#F1DF50

Split Complementary

#50F1DF

#F150B2

#F18E50

Tetradic

#50F1DF

#8E50F1

#F15062

#B2F150

Color Blindness Simulation

Original

#50F1DF

Protanopia

#9697E3

Deuteranopia

#8C80E4

Tritanopia

#58E7E8

Achromatopsia

#CDCDCD

CSS Usage

background-color: #50F1DF;
color: #50F1DF;
border-color: #50F1DF;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FDFC
100
#E0FAF7
200
#BDFAF3
300
#8EF6EA
400
#50F1DF
500
#13ECD4
600
#0FBDA9
700
#0C9788
800
#09766A
900
#0B564D
950
#073631

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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