#AA2829

#AA2829

Color Values

HEX

#AA2829

RGB

170, 40, 41

HSL

359,5, 61,9%, 41,2%

HSV

359,5, 76,5%, 66,7%

CMYK

0,0%, 76,5%, 75,9%, 33,3%

OKLCH

0,4877 0,1666 25,6

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#AA2829

#28AAA9

Analogous

#AA286A

#AA6828

#AA2829

Triadic

#AA2829

#29AA28

#2829AA

Split Complementary

#AA2829

#28AA68

#286AAA

Tetradic

#AA2829

#6AAA28

#28AAA9

#6828AA

Color Blindness Simulation

Original

#AA2829

Protanopia

#727129

Deuteranopia

#798329

Tritanopia

#A42929

Achromatopsia

#444444

CSS Usage

background-color: #AA2829;
color: #AA2829;
border-color: #AA2829;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FBF3F3
100
#F7E4E4
200
#F1C5C6
300
#E89C9D
400
#DB6667
500
#CE3132
600
#A52728
700
#841F20
800
#671819
900
#4B1516
950
#300E0E

Contrast Checker

Text on white

6,9:1

AA Pass AAA Fail

Text on black

3,04: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