#AA9A2F

#AA9A2F

Color Values

HEX

#AA9A2F

RGB

170, 154, 47

HSL

52.2, 56.7%, 42.5%

HSV

52.2, 72.4%, 66.7%

CMYK

0.0%, 9.4%, 72.4%, 33.3%

OKLCH

0.6809 0.1246 100.6

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AA9A2F

#2F3FAA

Analogous

#AA5C2F

#7CAA2F

#AA9A2F

Triadic

#AA9A2F

#2FAA9A

#9A2FAA

Split Complementary

#AA9A2F

#2F7CAA

#5C2FAA

Tetradic

#AA9A2F

#2FAA5C

#2F3FAA

#AA2F7C

Color Blindness Simulation

Original

#AA9A2F

Protanopia

#A3A349

Deuteranopia

#A4A54F

Tritanopia

#A95D62

Achromatopsia

#969696

CSS Usage

background-color: #AA9A2F;
color: #AA9A2F;
border-color: #AA9A2F;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FBFAF4
100
#F6F4E5
200
#F0EAC7
300
#E5DB9F
400
#D6C86B
500
#C8B537
600
#A0912C
700
#807423
800
#645A1C
900
#494318
950
#2E2A0F

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.37:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026