#A2AF50

#A2AF50

Color Values

HEX

#A2AF50

RGB

162, 175, 80

HSL

68.2, 37.3%, 50.0%

HSV

68.2, 54.3%, 68.6%

CMYK

7.4%, 0.0%, 54.3%, 31.4%

OKLCH

0.7237 0.1211 116.0

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#A2AF50

#5D50AF

Analogous

#AF8C50

#73AF50

#A2AF50

Triadic

#A2AF50

#50A2AF

#AF50A2

Split Complementary

#A2AF50

#5073AF

#8C50AF

Tetradic

#A2AF50

#50AF8C

#5D50AF

#AF5073

Color Blindness Simulation

Original

#A2AF50

Protanopia

#A8A867

Deuteranopia

#A7A66C

Tritanopia

#A3797D

Achromatopsia

#A5A5A5

CSS Usage

background-color: #A2AF50;
color: #A2AF50;
border-color: #A2AF50;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E5E9CE
300
#D2D9AB
400
#BAC47D
500
#A2AF50
600
#828C40
700
#687033
800
#515828
900
#3C4120
950
#262914

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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