#AA4347

#AA4347

Color Values

HEX

#AA4347

RGB

170, 67, 71

HSL

357.7, 43.5%, 46.5%

HSV

357.7, 60.6%, 66.7%

CMYK

0.0%, 60.6%, 58.2%, 33.3%

OKLCH

0.5232 0.1356 20.8

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AA4347

#43AAA6

Analogous

#AA437B

#AA7343

#AA4347

Triadic

#AA4347

#47AA43

#4347AA

Split Complementary

#AA4347

#43AA73

#437BAA

Tetradic

#AA4347

#7BAA43

#43AAA6

#7343AA

Color Blindness Simulation

Original

#AA4347

Protanopia

#7D7D46

Deuteranopia

#838B46

Tritanopia

#A54545

Achromatopsia

#595959

CSS Usage

background-color: #AA4347;
color: #AA4347;
border-color: #AA4347;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCCCD
300
#DCA7A9
400
#CA787B
500
#B7484C
600
#923A3D
700
#752E31
800
#5B2426
900
#431D1F
950
#2B1314

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

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