#AB4A3F

#AB4A3F

Color Values

HEX

#AB4A3F

RGB

171, 74, 63

HSL

6.1, 46.2%, 45.9%

HSV

6.1, 63.2%, 67.1%

CMYK

0.0%, 56.7%, 63.2%, 32.9%

OKLCH

0.5331 0.1299 28.7

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AB4A3F

#3FA0AB

Analogous

#AB3F6A

#AB803F

#AB4A3F

Triadic

#AB4A3F

#3FAB4A

#4A3FAB

Split Complementary

#AB4A3F

#3FAB80

#3F6AAB

Tetradic

#AB4A3F

#6AAB3F

#3FA0AB

#803FAB

Color Blindness Simulation

Original

#AB4A3F

Protanopia

#818042

Deuteranopia

#878E42

Tritanopia

#A64444

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCECB
300
#DEABA6
400
#CC7E75
500
#BA5145
600
#954037
700
#77342C
800
#5D2822
900
#45201C
950
#2B1412

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026