#A2AA22

#A2AA22

Color Values

HEX

#A2AA22

RGB

162, 170, 34

HSL

63.5, 66.7%, 40.0%

HSV

63.5, 80.0%, 66.7%

CMYK

4.7%, 0.0%, 80.0%, 33.3%

OKLCH

0.7086 0.1485 113.2

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#A2AA22

#2A22AA

Analogous

#AA6E22

#5EAA22

#A2AA22

Triadic

#A2AA22

#22A2AA

#AA22A2

Split Complementary

#A2AA22

#225EAA

#6E22AA

Tetradic

#A2AA22

#22AA6E

#2A22AA

#AA225E

Color Blindness Simulation

Original

#A2AA22

Protanopia

#A5A643

Deuteranopia

#A5A44B

Tritanopia

#A25D63

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F3C3
300
#E6EB99
400
#D8E062
500
#CBD52A
600
#A2AA22
700
#82881B
800
#656A15
900
#4A4E13
950
#2F310C

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.31:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026