#AB4143

#AB4143

Color Values

HEX

#AB4143

RGB

171, 65, 67

HSL

358.9, 44.9%, 46.3%

HSV

358.9, 62.0%, 67.1%

CMYK

0.0%, 62.0%, 60.8%, 32.9%

OKLCH

0.5214 0.1395 22.2

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AB4143

#41ABA9

Analogous

#AB4178

#AB7441

#AB4143

Triadic

#AB4143

#43AB41

#4143AB

Split Complementary

#AB4143

#41AB74

#4178AB

Tetradic

#AB4143

#78AB41

#41ABA9

#7441AB

Color Blindness Simulation

Original

#AB4143

Protanopia

#7D7C43

Deuteranopia

#838B42

Tritanopia

#A64242

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#EBCBCC
300
#DDA6A7
400
#CB7678
500
#B94648
600
#94383A
700
#762D2E
800
#5C2324
900
#441D1E
950
#2B1213

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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