#AA6955

#AA6955

Color Values

HEX

#AA6955

RGB

170, 105, 85

HSL

14.1, 33.3%, 50.0%

HSV

14.1, 50.0%, 66.7%

CMYK

0.0%, 38.2%, 50.0%, 33.3%

OKLCH

0.5869 0.0893 37.9

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AA6955

#5596AA

Analogous

#AA556C

#AA9355

#AA6955

Triadic

#AA6955

#55AA69

#6955AA

Split Complementary

#AA6955

#55AA93

#556CAA

Tetradic

#AA6955

#6CAA55

#5596AA

#9355AA

Color Blindness Simulation

Original

#AA6955

Protanopia

#8E8D5A

Deuteranopia

#92965B

Tritanopia

#A75E5E

Achromatopsia

#757575

CSS Usage

background-color: #AA6955;
color: #AA6955;
border-color: #AA6955;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF6F5
100
#F2EAE8
200
#E7D5CF
300
#D6B7AD
400
#C09081
500
#AA6955
600
#885444
700
#6D4336
800
#55342B
900
#3F2922
950
#281A15

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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