#50AC45

#50AC45

Color Values

HEX

#50AC45

RGB

80, 172, 69

HSL

113.6, 42.7%, 47.3%

HSV

113.6, 59.9%, 67.5%

CMYK

53.5%, 0.0%, 59.9%, 32.5%

OKLCH

0.6654 0.1661 141.6

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#50AC45

#A145AC

Analogous

#84AC45

#45AC6E

#50AC45

Triadic

#50AC45

#4550AC

#AC4550

Split Complementary

#50AC45

#6E45AC

#AC4584

Tetradic

#50AC45

#4584AC

#A145AC

#AC6E45

Color Blindness Simulation

Original

#50AC45

Protanopia

#78795E

Deuteranopia

#726C64

Tritanopia

#557276

Achromatopsia

#919191

CSS Usage

background-color: #50AC45;
color: #50AC45;
border-color: #50AC45;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E8F4E7
200
#CFEBCC
300
#ADDCA8
400
#81C978
500
#55B649
600
#44923A
700
#36742F
800
#2A5B25
900
#22431E
950
#152A13

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026