#7AAF3C

#7AAF3C

Color Values

HEX

#7AAF3C

RGB

122, 175, 60

HSL

87.7, 48.9%, 46.1%

HSV

87.7, 65.7%, 68.6%

CMYK

30.3%, 0.0%, 65.7%, 31.4%

OKLCH

0.6933 0.1556 130.7

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#7AAF3C

#713CAF

Analogous

#AFAB3C

#40AF3C

#7AAF3C

Triadic

#7AAF3C

#3C7AAF

#AF3C7A

Split Complementary

#7AAF3C

#3C40AF

#AB3CAF

Tetradic

#7AAF3C

#3CAFAB

#713CAF

#AF3C40

Color Blindness Simulation

Original

#7AAF3C

Protanopia

#919158

Deuteranopia

#8E8A5E

Tritanopia

#7D6E73

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E6
200
#DDEDCA
300
#C4E0A4
400
#A4CF73
500
#84BE41
600
#6A9834
700
#557A2A
800
#425F21
900
#32461B
950
#202C11

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

8.02:1

AA Pass AAA Pass

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