#AAA356

#AAA356

Color Values

HEX

#AAA356

RGB

170, 163, 86

HSL

55.0, 33.1%, 50.2%

HSV

55.0, 49.4%, 66.7%

CMYK

0.0%, 4.1%, 49.4%, 33.3%

OKLCH

0.7046 0.0995 104.0

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#AAA356

#565DAA

Analogous

#AA7956

#87AA56

#AAA356

Triadic

#AAA356

#56AAA3

#A356AA

Split Complementary

#AAA356

#5687AA

#7956AA

Tetradic

#AAA356

#56AA79

#565DAA

#AA5687

Color Blindness Simulation

Original

#AAA356

Protanopia

#A7A769

Deuteranopia

#A7A86D

Tritanopia

#AA777B

Achromatopsia

#9F9F9F

CSS Usage

background-color: #AAA356;
color: #AAA356;
border-color: #AAA356;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAF9F5
100
#F2F1E8
200
#E7E5CF
300
#D6D3AE
400
#C0BB81
500
#AAA355
600
#888244
700
#6D6837
800
#55512B
900
#3F3C22
950
#282615

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.08:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026