#4ABF49

#4ABF49

Color Values

HEX

#4ABF49

RGB

74, 191, 73

HSL

119.5, 48.0%, 51.8%

HSV

119.5, 61.8%, 74.9%

CMYK

61.3%, 0.0%, 61.8%, 25.1%

OKLCH

0.7132 0.1899 143.1

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#4ABF49

#BE49BF

Analogous

#85BF49

#49BF83

#4ABF49

Triadic

#4ABF49

#494ABF

#BF494A

Split Complementary

#4ABF49

#8349BF

#BF4985

Tetradic

#4ABF49

#4985BF

#BE49BF

#BF8349

Color Blindness Simulation

Original

#4ABF49

Protanopia

#7D7E66

Deuteranopia

#766D6C

Tritanopia

#507C81

Achromatopsia

#9E9E9E

CSS Usage

background-color: #4ABF49;
color: #4ABF49;
border-color: #4ABF49;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FAF4
100
#E6F4E6
200
#CAECCA
300
#A5DFA4
400
#74CE73
500
#43BD42
600
#369735
700
#2B792A
800
#225E21
900
#1C451C
950
#122C11

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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