#AA5243

#AA5243

Color Values

HEX

#AA5243

RGB

170, 82, 67

HSL

8.7, 43.5%, 46.5%

HSV

8.7, 60.6%, 66.7%

CMYK

0.0%, 51.8%, 60.6%, 33.3%

OKLCH

0.5444 0.1189 31.2

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AA5243

#439BAA

Analogous

#AA4368

#AA8643

#AA5243

Triadic

#AA5243

#43AA52

#5243AA

Split Complementary

#AA5243

#43AA86

#4368AA

Tetradic

#AA5243

#68AA43

#439BAA

#8643AA

Color Blindness Simulation

Original

#AA5243

Protanopia

#848347

Deuteranopia

#899048

Tritanopia

#A6494A

Achromatopsia

#646464

CSS Usage

background-color: #AA5243;
color: #AA5243;
border-color: #AA5243;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EBD0CC
300
#DCAFA7
400
#CA8478
500
#B75848
600
#92463A
700
#75382E
800
#5B2C24
900
#43231D
950
#2B1613

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail AAA Fail

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