#AA463C

#AA463C

Color Values

HEX

#AA463C

RGB

170, 70, 60

HSL

5.5, 47.8%, 45.1%

HSV

5.5, 64.7%, 66.7%

CMYK

0.0%, 58.8%, 64.7%, 33.3%

OKLCH

0.5253 0.1338 28.2

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AA463C

#3CA0AA

Analogous

#AA3C69

#AA7D3C

#AA463C

Triadic

#AA463C

#3CAA46

#463CAA

Split Complementary

#AA463C

#3CAA7D

#3C69AA

Tetradic

#AA463C

#69AA3C

#3CA0AA

#7D3CAA

Color Blindness Simulation

Original

#AA463C

Protanopia

#7F7E3E

Deuteranopia

#848C3F

Tritanopia

#A54041

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCDCA
300
#DFAAA5
400
#CE7C74
500
#BC4E43
600
#973E35
700
#79322B
800
#5E2721
900
#451F1C
950
#2C1411

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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