#50AF67

#50AF67

Color Values

HEX

#50AF67

RGB

80, 175, 103

HSL

134.5, 37.3%, 50.0%

HSV

134.5, 54.3%, 68.6%

CMYK

54.3%, 0.0%, 41.1%, 31.4%

OKLCH

0.6783 0.1388 149.3

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#50AF67

#AF5098

Analogous

#69AF50

#50AF96

#50AF67

Triadic

#50AF67

#6750AF

#AF6750

Split Complementary

#50AF67

#9650AF

#AF5069

Tetradic

#50AF67

#5069AF

#AF5098

#AF9650

Color Blindness Simulation

Original

#50AF67

Protanopia

#797A78

Deuteranopia

#746C7D

Tritanopia

#558689

Achromatopsia

#969696

CSS Usage

background-color: #50AF67;
color: #50AF67;
border-color: #50AF67;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF6
100
#E7F3EA
200
#CEE9D4
300
#ABD9B6
400
#7DC48E
500
#50AF67
600
#408C52
700
#337042
800
#285833
900
#204128
950
#142919

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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