#AA6F2B

#AA6F2B

Color Values

HEX

#AA6F2B

RGB

170, 111, 43

HSL

32.1, 59.6%, 41.8%

HSV

32.1, 74.7%, 66.7%

CMYK

0.0%, 34.7%, 74.7%, 33.3%

OKLCH

0.5921 0.1109 66.1

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AA6F2B

#2B66AA

Analogous

#AA302B

#A6AA2B

#AA6F2B

Triadic

#AA6F2B

#2BAA6F

#6F2BAA

Split Complementary

#AA6F2B

#2BA6AA

#302BAA

Tetradic

#AA6F2B

#2BAA30

#2B66AA

#AA2BA6

Color Blindness Simulation

Original

#AA6F2B

Protanopia

#90903B

Deuteranopia

#94983F

Tritanopia

#A7484B

Achromatopsia

#777777

CSS Usage

background-color: #AA6F2B;
color: #AA6F2B;
border-color: #AA6F2B;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DDC6
300
#E6C49D
400
#D9A568
500
#CB8534
600
#A36A29
700
#825521
800
#66421A
900
#4A3216
950
#2F200E

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass AAA Fail

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