#AA5040

#AA5040

Color Values

HEX

#AA5040

RGB

170, 80, 64

HSL

9.1, 45.3%, 45.9%

HSV

9.1, 62.4%, 66.7%

CMYK

0.0%, 52.9%, 62.4%, 33.3%

OKLCH

0.5407 0.1219 31.7

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AA5040

#409AAA

Analogous

#AA4065

#AA8540

#AA5040

Triadic

#AA5040

#40AA50

#5040AA

Split Complementary

#AA5040

#40AA85

#4065AA

Tetradic

#AA5040

#65AA40

#409AAA

#8540AA

Color Blindness Simulation

Original

#AA5040

Protanopia

#838244

Deuteranopia

#888F45

Tritanopia

#A64748

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#EBD0CB
300
#DEAEA6
400
#CB8376
500
#B95746
600
#944638
700
#77382D
800
#5D2C23
900
#44231D
950
#2B1612

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

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