#A2AA27

#A2AA27

Color Values

HEX

#A2AA27

RGB

162, 170, 39

HSL

63.7, 62.7%, 41.0%

HSV

63.7, 77.1%, 66.7%

CMYK

4.7%, 0.0%, 77.1%, 33.3%

OKLCH

0.7088 0.1461 113.2

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#A2AA27

#2F27AA

Analogous

#AA7127

#60AA27

#A2AA27

Triadic

#A2AA27

#27A2AA

#AA27A2

Split Complementary

#A2AA27

#2760AA

#7127AA

Tetradic

#A2AA27

#27AA71

#2F27AA

#AA2760

Color Blindness Simulation

Original

#A2AA27

Protanopia

#A5A647

Deuteranopia

#A5A44E

Tritanopia

#A26065

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F7E4
200
#EFF2C5
300
#E3E89B
400
#D5DC65
500
#C6CF30
600
#9EA626
700
#7E851E
800
#636818
900
#484C15
950
#2E300D

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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