#AB4843

#AB4843

Color Values

HEX

#AB4843

RGB

171, 72, 67

HSL

2.9, 43.7%, 46.7%

HSV

2.9, 60.8%, 67.1%

CMYK

0.0%, 57.9%, 60.8%, 32.9%

OKLCH

0.5309 0.1314 25.4

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AB4843

#43A6AB

Analogous

#AB4372

#AB7C43

#AB4843

Triadic

#AB4843

#43AB48

#4843AB

Split Complementary

#AB4843

#43AB7C

#4372AB

Tetradic

#AB4843

#72AB43

#43A6AB

#7C43AB

Color Blindness Simulation

Original

#AB4843

Protanopia

#807F44

Deuteranopia

#868D44

Tritanopia

#A64545

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCDCC
300
#DDAAA7
400
#CA7B77
500
#B74D48
600
#933E39
700
#75312E
800
#5C2724
900
#441F1D
950
#2B1413

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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