#7ABF28

#7ABF28

Color Values

HEX

#7ABF28

RGB

122, 191, 40

HSL

87.4, 65.4%, 45.3%

HSV

87.4, 79.1%, 74.9%

CMYK

36.1%, 0.0%, 79.1%, 25.1%

OKLCH

0.7314 0.188 131.9

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7ABF28

#6D28BF

Analogous

#BFB928

#2FBF28

#7ABF28

Triadic

#7ABF28

#287ABF

#BF287A

Split Complementary

#7ABF28

#282FBF

#B928BF

Tetradic

#7ABF28

#28BFB9

#6D28BF

#BF282F

Color Blindness Simulation

Original

#7ABF28

Protanopia

#98984C

Deuteranopia

#948F55

Tritanopia

#7D6970

Achromatopsia

#A5A5A5

CSS Usage

background-color: #7ABF28;
color: #7ABF28;
border-color: #7ABF28;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DDF3C4
300
#C5EA9A
400
#A6DE63
500
#87D32C
600
#6CA923
700
#56871C
800
#436916
900
#334D14
950
#20310D

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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