#AB413E

#AB413E

Color Values

HEX

#AB413E

RGB

171, 65, 62

HSL

1.7, 46.8%, 45.7%

HSV

1.7, 63.7%, 67.1%

CMYK

0.0%, 62.0%, 63.7%, 32.9%

OKLCH

0.5204 0.1401 24.8

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AB413E

#3EA8AB

Analogous

#AB3E71

#AB783E

#AB413E

Triadic

#AB413E

#3EAB41

#413EAB

Split Complementary

#AB413E

#3EAB78

#3E71AB

Tetradic

#AB413E

#71AB3E

#3EA8AB

#783EAB

Color Blindness Simulation

Original

#AB413E

Protanopia

#7D7C3F

Deuteranopia

#838B3F

Tritanopia

#A63F3F

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCCCB
300
#DEA7A5
400
#CD7774
500
#BB4744
600
#963936
700
#782E2B
800
#5E2422
900
#451D1C
950
#2B1212

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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