#7AA202

#7AA202

Color Values

HEX

#7AA202

RGB

122, 162, 2

HSL

75.0, 97.6%, 32.2%

HSV

75.0, 98.8%, 63.5%

CMYK

24.7%, 0.0%, 98.8%, 36.5%

OKLCH

0.6583 0.1656 125.3

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#7AA202

#2A02A2

Analogous

#A27A02

#2AA202

#7AA202

Triadic

#7AA202

#027AA2

#A2027A

Split Complementary

#7AA202

#022AA2

#7A02A2

Tetradic

#7AA202

#02A27A

#2A02A2

#A2022A

Color Blindness Simulation

Original

#7AA202

Protanopia

#8B8C29

Deuteranopia

#898632

Tritanopia

#7C474E

Achromatopsia

#8E8E8E

CSS Usage

background-color: #7AA202;
color: #7AA202;
border-color: #7AA202;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FBFEF1
100
#F5FCDE
200
#EDFEB8
300
#E0FE86
400
#CFFD45
500
#BEFC03
600
#98CA02
700
#79A102
800
#5F7E02
900
#465B06
950
#2C3904

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.0:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026