#7ACB45

#7ACB45

Color Values

HEX

#7ACB45

RGB

122, 203, 69

HSL

96.3, 56.3%, 53.3%

HSV

96.3, 66.0%, 79.6%

CMYK

39.9%, 0.0%, 66.0%, 20.4%

OKLCH

0.7631 0.1855 135.3

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7ACB45

#9645CB

Analogous

#BDCB45

#45CB53

#7ACB45

Triadic

#7ACB45

#457ACB

#CB457A

Split Complementary

#7ACB45

#5345CB

#CB45BD

Tetradic

#7ACB45

#45BDCB

#9645CB

#CB5345

Color Blindness Simulation

Original

#7ACB45

Protanopia

#9D9E65

Deuteranopia

#98926D

Tritanopia

#7E7F85

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EBF6E5
200
#D7EFC7
300
#BBE49F
400
#95D66C
500
#70C738
600
#5A9F2D
700
#488024
800
#38641C
900
#2B4918
950
#1B2E0F

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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