#A2AB3E

#A2AB3E

Color Values

HEX

#A2AB3E

RGB

162, 171, 62

HSL

65,0, 46,8%, 45,7%

HSV

65,0, 63,7%, 67,1%

CMYK

5,3%, 0,0%, 63,7%, 32,9%

OKLCH

0,7128 0,132 113,7

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#A2AB3E

#473EAB

Analogous

#AB7E3E

#6BAB3E

#A2AB3E

Triadic

#A2AB3E

#3EA2AB

#AB3EA2

Split Complementary

#A2AB3E

#3E6BAB

#7E3EAB

Tetradic

#A2AB3E

#3EAB7E

#473EAB

#AB3E6B

Color Blindness Simulation

Original

#A2AB3E

Protanopia

#A6A658

Deuteranopia

#A5A55F

Tritanopia

#A26D72

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E9ECCB
300
#DADEA5
400
#C5CD74
500
#B1BB44
600
#8E9636
700
#71782B
800
#595E22
900
#41451C
950
#292B12

Contrast Checker

Text on white

2,49:1

AA Fail AAA Fail

Text on black

8,43: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