#AAA322

#AAA322

Color Values

HEX

#AAA322

RGB

170, 163, 34

HSL

56.9, 66.7%, 40.0%

HSV

56.9, 80.0%, 66.7%

CMYK

0.0%, 4.1%, 80.0%, 33.3%

OKLCH

0.6998 0.1398 106.2

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AAA322

#2229AA

Analogous

#AA5F22

#6DAA22

#AAA322

Triadic

#AAA322

#22AAA3

#A322AA

Split Complementary

#AAA322

#226DAA

#5F22AA

Tetradic

#AAA322

#22AA5F

#2229AA

#AA226D

Color Blindness Simulation

Original

#AAA322

Protanopia

#A7A741

Deuteranopia

#A7A849

Tritanopia

#AA5A5F

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F3F1C3
300
#EBE699
400
#E0D962
500
#D5CC2A
600
#AAA322
700
#88821B
800
#6A6615
900
#4E4B13
950
#312F0C

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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