#AAA275

#AAA275

Color Values

HEX

#AAA275

RGB

170, 162, 117

HSL

50.9, 23.8%, 56.3%

HSV

50.9, 31.2%, 66.7%

CMYK

0.0%, 4.7%, 31.2%, 33.3%

OKLCH

0.7077 0.0622 99.3

Properties

Warm Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#AAA275

#757DAA

Analogous

#AA8875

#98AA75

#AAA275

Triadic

#AAA275

#75AAA2

#A275AA

Split Complementary

#AAA275

#7598AA

#8875AA

Tetradic

#AAA275

#75AA88

#757DAA

#AA7598

Color Blindness Simulation

Original

#AAA275

Protanopia

#A7A680

Deuteranopia

#A7A882

Tritanopia

#AA888A

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1F0EA
200
#E4E1D3
300
#D0CCB3
400
#B7B08A
500
#9E9561
600
#7E774E
700
#655F3E
800
#4F4A31
900
#3B3826
950
#252318

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.13:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026