#AB2822

#AB2822

Color Values

HEX

#AB2822

RGB

171, 40, 34

HSL

2.6, 66.8%, 40.2%

HSV

2.6, 80.1%, 67.1%

CMYK

0.0%, 76.6%, 80.1%, 32.9%

OKLCH

0.4887 0.1685 28.0

Properties

Warm Dark Nearest: RAL 3002 Carmine Red

Color Harmonies

Complementary

#AB2822

#22A5AB

Analogous

#AB2261

#AB6C22

#AB2822

Triadic

#AB2822

#22AB28

#2822AB

Split Complementary

#AB2822

#22AB6C

#2261AB

Tetradic

#AB2822

#61AB22

#22A5AB

#6C22AB

Color Blindness Simulation

Original

#AB2822

Protanopia

#727123

Deuteranopia

#7A8424

Tritanopia

#A42525

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F3C6C3
300
#EB9C99
400
#E06762
500
#D5322A
600
#AA2822
700
#88201B
800
#6A1915
900
#4E1613
950
#310E0C

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

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