#A2AA4F

#A2AA4F

Color Values

HEX

#A2AA4F

RGB

162, 170, 79

HSL

65.3, 36.5%, 48.8%

HSV

65.3, 53.5%, 66.7%

CMYK

4.7%, 0.0%, 53.5%, 33.3%

OKLCH

0.7124 0.1158 113.5

Properties

Cool Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#A2AA4F

#574FAA

Analogous

#AA844F

#74AA4F

#A2AA4F

Triadic

#A2AA4F

#4FA2AA

#AA4FA2

Split Complementary

#A2AA4F

#4F74AA

#844FAA

Tetradic

#A2AA4F

#4FAA84

#574FAA

#AA4F74

Color Blindness Simulation

Original

#A2AA4F

Protanopia

#A5A665

Deuteranopia

#A5A46A

Tritanopia

#A2767A

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F3E8
200
#E6E8CE
300
#D4D8AB
400
#BDC37E
500
#A6AE51
600
#858B41
700
#6A6F34
800
#535728
900
#3E4021
950
#272915

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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