#AAA022

#AAA022

Color Values

HEX

#AAA022

RGB

170, 160, 34

HSL

55.6, 66.7%, 40.0%

HSV

55.6, 80.0%, 66.7%

CMYK

0.0%, 5.9%, 80.0%, 33.3%

OKLCH

0.6932 0.1372 104.6

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AAA022

#222CAA

Analogous

#AA5C22

#70AA22

#AAA022

Triadic

#AAA022

#22AAA0

#A022AA

Split Complementary

#AAA022

#2270AA

#5C22AA

Tetradic

#AAA022

#22AA5C

#222CAA

#AA2270

Color Blindness Simulation

Original

#AAA022

Protanopia

#A6A640

Deuteranopia

#A6A748

Tritanopia

#AA595E

Achromatopsia

#999999

CSS Usage

background-color: #AAA022;
color: #AAA022;
border-color: #AAA022;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F3F0C3
300
#EBE599
400
#E0D662
500
#D5C82A
600
#AAA022
700
#88801B
800
#6A6415
900
#4E4913
950
#312E0C

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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