#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026