#AB5140

#AB5140

Color Values

HEX

#AB5140

RGB

171, 81, 64

HSL

9.5, 45.5%, 46.1%

HSV

9.5, 62.6%, 67.1%

CMYK

0.0%, 52.6%, 62.6%, 32.9%

OKLCH

0.5438 0.122 32.2

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AB5140

#409AAB

Analogous

#AB4065

#AB8640

#AB5140

Triadic

#AB5140

#40AB51

#5140AB

Split Complementary

#AB5140

#40AB86

#4065AB

Tetradic

#AB5140

#65AB40

#409AAB

#8640AB

Color Blindness Simulation

Original

#AB5140

Protanopia

#848344

Deuteranopia

#899045

Tritanopia

#A64748

Achromatopsia

#636363

CSS Usage

background-color: #AB5140;
color: #AB5140;
border-color: #AB5140;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECD0CB
300
#DEAFA6
400
#CC8376
500
#BA5845
600
#944638
700
#77382C
800
#5D2C23
900
#44231D
950
#2B1612

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

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