#4AB109

#4AB109

Color Values

HEX

#4AB109

RGB

74, 177, 9

HSL

96.8, 90.3%, 36.5%

HSV

96.8, 94.9%, 69.4%

CMYK

58.2%, 0.0%, 94.9%, 30.6%

OKLCH

0.6724 0.2052 138.0

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#4AB109

#7009B1

Analogous

#9EB109

#09B11C

#4AB109

Triadic

#4AB109

#094AB1

#B1094A

Split Complementary

#4AB109

#1C09B1

#B1099E

Tetradic

#4AB109

#099EB1

#7009B1

#B11C09

Color Blindness Simulation

Original

#4AB109

Protanopia

#777732

Deuteranopia

#71693B

Tritanopia

#4F5259

Achromatopsia

#8F8F8F

CSS Usage

background-color: #4AB109;
color: #4AB109;
border-color: #4AB109;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FDF1
100
#EAFBDF
200
#D4FCBB
300
#B5F98B
400
#8DF64B
500
#65F30C
600
#51C20A
700
#419B08
800
#337906
900
#285809
950
#193706

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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