HEX Color #50AF5F (Mediumseagreen)

About #50AF5F

The precise color #50AF5F is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumseagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 175, and 95.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 54% cyan and 0% magenta inks. The HSL representation is 129.5° hue, 37.3% saturation, and 50.0% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#50AF5F

RGB80, 175, 95

HSL129.5°, 37.3%, 50.0%

CMYK54%, 0%, 46%, 31%

HSV129.5°, 54.3%, 68.6%

LAB64.3, -45.3, 32.6

XYZ20.7, 33.2, 16.1

Decimal5287775

Color Harmonies

Complementary

#50AF5F #AF509F

Analogous

#70AF50 #50AF8E

Triadic

#5F50AF #AF5F50

Tetradic

#5070AF #AF509F #AF8E50

Tints, Shades & Tones

Tints (Adding White)

#50AF5F

#63B770

#76C082

#8AC994

#9DD2A6

#B1DBB7

#C4E4C9

#D8EDDB

#EBF6ED

#FFFFFF

Shades (Adding Black)

#50AF5F

#479B54

#3E8849

#35743F

#2C6134

#234D2A

#1A3A1F

#112615

#08130A

#000000

WCAG Contrast Accessibility

2.75:1

Text on #FFFFFF

FAIL

7.64:1

Text on #000000

AAA

2.63:1

Text on #F8FAFC

FAIL

6.49:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Mediumseagreen

#3CB371