#AAAF3E

#AAAF3E

Color Values

HEX

#AAAF3E

RGB

170, 175, 62

HSL

62.7, 47.7%, 46.5%

HSV

62.7, 64.6%, 68.6%

CMYK

2.9%, 0.0%, 64.6%, 31.4%

OKLCH

0.7284 0.1345 111.7

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#AAAF3E

#433EAF

Analogous

#AF7C3E

#71AF3E

#AAAF3E

Triadic

#AAAF3E

#3EAAAF

#AF3EAA

Split Complementary

#AAAF3E

#3E71AF

#7C3EAF

Tetradic

#AAAF3E

#3EAF7C

#433EAF

#AF3E71

Color Blindness Simulation

Original

#AAAF3E

Protanopia

#ACAC59

Deuteranopia

#ACAC60

Tritanopia

#AA6F74

Achromatopsia

#A6A6A6

CSS Usage

background-color: #AAAF3E;
color: #AAAF3E;
border-color: #AAAF3E;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCA
300
#DCDFA5
400
#CACE74
500
#B7BC43
600
#929735
700
#75792B
800
#5B5E21
900
#43451C
950
#2B2C11

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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