#AA7227

#AA7227

Color Values

HEX

#AA7227

RGB

170, 114, 39

HSL

34.4, 62.7%, 41.0%

HSV

34.4, 77.1%, 66.7%

CMYK

0.0%, 32.9%, 77.1%, 33.3%

OKLCH

0.5975 0.1127 69.8

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AA7227

#275FAA

Analogous

#AA3127

#A0AA27

#AA7227

Triadic

#AA7227

#27AA72

#7227AA

Split Complementary

#AA7227

#27A0AA

#3127AA

Tetradic

#AA7227

#27AA31

#275FAA

#AA27A0

Color Blindness Simulation

Original

#AA7227

Protanopia

#929139

Deuteranopia

#95993D

Tritanopia

#A7474B

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2DFC5
300
#E8C79B
400
#DCA965
500
#CF8B30
600
#A66F26
700
#85591E
800
#684618
900
#4C3415
950
#30210D

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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