#AB5040

#AB5040

Color Values

HEX

#AB5040

RGB

171, 80, 64

HSL

9.0, 45.5%, 46.1%

HSV

9.0, 62.6%, 67.1%

CMYK

0.0%, 53.2%, 62.6%, 32.9%

OKLCH

0.5422 0.1231 31.6

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AB5040

#409BAB

Analogous

#AB4066

#AB8640

#AB5040

Triadic

#AB5040

#40AB50

#5040AB

Split Complementary

#AB5040

#40AB86

#4066AB

Tetradic

#AB5040

#66AB40

#409BAB

#8640AB

Color Blindness Simulation

Original

#AB5040

Protanopia

#848344

Deuteranopia

#899045

Tritanopia

#A64748

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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