HEX Color #50AF6D (Mediumseagreen)

About #50AF6D

When working with digital screens, the color #50AF6D is rendered by mixing light. Its closest recognized web color is Mediumseagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 175, and 109.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 54% cyan and 0% magenta inks. With a hue angle of 138.3 degrees, it sits comfortably in the green spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#50AF6D

RGB80, 175, 109

HSL138.3°, 37.3%, 50.0%

CMYK54%, 0%, 38%, 31%

HSV138.3°, 54.3%, 68.6%

LAB64.5, -43.0, 25.6

XYZ21.4, 33.5, 19.8

Decimal5287789

Color Harmonies

Complementary

#50AF6D #AF5092

Analogous

#62AF50 #50AF9C

Triadic

#6C50AF #AF6D50

Tetradic

#5062AF #AF5092 #AF9C50

Tints, Shades & Tones

Tints (Adding White)

#50AF6D

#63B77D

#76C08D

#8AC99D

#9DD2AD

#B1DBBE

#C4E4CE

#D8EDDE

#EBF6EE

#FFFFFF

Shades (Adding Black)

#50AF6D

#479B60

#3E8854

#357448

#2C613C

#234D30

#1A3A24

#112618

#08130C

#000000

WCAG Contrast Accessibility

2.73:1

Text on #FFFFFF

FAIL

7.69:1

Text on #000000

AAA

2.61:1

Text on #F8FAFC

FAIL

6.54:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #50AF6D; }

.text-color { color: #50AF6D; }

.border-color { border: 2px solid #50AF6D; }

Similar Colors

Mediumseagreen

#3CB371