#4AB007

#4AB007

Color Values

HEX

#4AB007

RGB

74, 176, 7

HSL

96.2, 92.3%, 35.9%

HSV

96.2, 96.0%, 69.0%

CMYK

58.0%, 0.0%, 96.0%, 31.0%

OKLCH

0.6697 0.2045 137.9

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#4AB007

#6D07B0

Analogous

#9FB007

#07B019

#4AB007

Triadic

#4AB007

#074AB0

#B0074A

Split Complementary

#4AB007

#1907B0

#B0079F

Tetradic

#4AB007

#079FB0

#6D07B0

#B01907

Color Blindness Simulation

Original

#4AB007

Protanopia

#767730

Deuteranopia

#70693A

Tritanopia

#4F5057

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F6FDF1
100
#EAFBDF
200
#D4FCBA
300
#B6FA89
400
#8FF84A
500
#67F50A
600
#53C408
700
#429D06
800
#347B05
900
#285908
950
#193805

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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