#AB4138

#AB4138

Color Values

HEX

#AB4138

RGB

171, 65, 56

HSL

4.7, 50.7%, 44.5%

HSV

4.7, 67.3%, 67.1%

CMYK

0.0%, 62.0%, 67.3%, 32.9%

OKLCH

0.5194 0.1411 27.8

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AB4138

#38A2AB

Analogous

#AB3868

#AB7A38

#AB4138

Triadic

#AB4138

#38AB41

#4138AB

Split Complementary

#AB4138

#38AB7A

#3868AB

Tetradic

#AB4138

#68AB38

#38A2AB

#7A38AB

Color Blindness Simulation

Original

#AB4138

Protanopia

#7D7C3A

Deuteranopia

#838B3B

Tritanopia

#A63C3C

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EDCCC9
300
#E1A8A3
400
#D07871
500
#C0493F
600
#9A3A32
700
#7B2F28
800
#60241F
900
#471E1A
950
#2D1311

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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