#AAA484

#AAA484

Color Values

HEX

#AAA484

RGB

170, 164, 132

HSL

50.5, 18.3%, 59.2%

HSV

50.5, 22.4%, 66.7%

CMYK

0.0%, 3.5%, 22.4%, 33.3%

OKLCH

0.7153 0.045 98.6

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#AAA484

#848AAA

Analogous

#AA9184

#9DAA84

#AAA484

Triadic

#AAA484

#84AAA4

#A484AA

Split Complementary

#AAA484

#849DAA

#9184AA

Tetradic

#AAA484

#84AA91

#848AAA

#AA849D

Color Blindness Simulation

Original

#AAA484

Protanopia

#A7A78C

Deuteranopia

#A8A88E

Tritanopia

#AA9293

Achromatopsia

#A3A3A3

CSS Usage

background-color: #AAA484;
color: #AAA484;
border-color: #AAA484;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2E0D5
300
#CDC9B7
400
#B2AC8F
500
#978F68
600
#797353
700
#615C43
800
#4B4834
900
#383628
950
#24221A

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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