#AAA22F

#AAA22F

Color Values

HEX

#AAA22F

RGB

170, 162, 47

HSL

56,1, 56,7%, 42,5%

HSV

56,1, 72,4%, 66,7%

CMYK

0,0%, 4,7%, 72,4%, 33,3%

OKLCH

0,6984 0,1318 105,3

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AAA22F

#2F37AA

Analogous

#AA642F

#74AA2F

#AAA22F

Triadic

#AAA22F

#2FAAA2

#A22FAA

Split Complementary

#AAA22F

#2F74AA

#642FAA

Tetradic

#AAA22F

#2FAA64

#2F37AA

#AA2F74

Color Blindness Simulation

Original

#AAA22F

Protanopia

#A7A64B

Deuteranopia

#A7A852

Tritanopia

#AA6166

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F5E5
200
#F0EDC7
300
#E5E09F
400
#D6CF6B
500
#C8BE37
600
#A0982C
700
#807A23
800
#645F1C
900
#494618
950
#2E2C0F

Contrast Checker

Text on white

2,65:1

AA Fail AAA Fail

Text on black

7,92: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