#AA484A

#AA484A

Color Values

HEX

#AA484A

RGB

170, 72, 74

HSL

358.8, 40.5%, 47.5%

HSV

358.8, 57.6%, 66.7%

CMYK

0.0%, 57.6%, 56.5%, 33.3%

OKLCH

0.5308 0.1293 21.3

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AA484A

#48AAA8

Analogous

#AA487B

#AA7748

#AA484A

Triadic

#AA484A

#4AAA48

#484AAA

Split Complementary

#AA484A

#48AA77

#487BAA

Tetradic

#AA484A

#7BAA48

#48AAA8

#7748AA

Color Blindness Simulation

Original

#AA484A

Protanopia

#807F4A

Deuteranopia

#858D49

Tritanopia

#A54949

Achromatopsia

#5D5D5D

CSS Usage

background-color: #AA484A;
color: #AA484A;
border-color: #AA484A;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCD
300
#DBA9AA
400
#C77A7C
500
#B34C4E
600
#8F3D3E
700
#733132
800
#5A2627
900
#421F1F
950
#2A1314

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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