#4AAA50

#4AAA50

Color Values

HEX

#4AAA50

RGB

74, 170, 80

HSL

123.8, 39.3%, 47.8%

HSV

123.8, 56.5%, 66.7%

CMYK

56.5%, 0.0%, 52.9%, 33.3%

OKLCH

0.6593 0.1566 144.7

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#4AAA50

#AA4AA4

Analogous

#74AA4A

#4AAA80

#4AAA50

Triadic

#4AAA50

#504AAA

#AA504A

Split Complementary

#4AAA50

#804AAA

#AA4A74

Tetradic

#4AAA50

#4A74AA

#AA4AA4

#AA804A

Color Blindness Simulation

Original

#4AAA50

Protanopia

#747466

Deuteranopia

#6E676B

Tritanopia

#4F777B

Achromatopsia

#8F8F8F

CSS Usage

background-color: #4AAA50;
color: #4AAA50;
border-color: #4AAA50;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9CF
300
#AADAAD
400
#7CC680
500
#4DB254
600
#3E8E43
700
#327236
800
#27592A
900
#1F4221
950
#142915

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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