#AB5646

#AB5646

Color Values

HEX

#AB5646

RGB

171, 86, 70

HSL

9.5, 41.9%, 47.3%

HSV

9.5, 59.1%, 67.1%

CMYK

0.0%, 49.7%, 59.1%, 32.9%

OKLCH

0.5528 0.115 32.0

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AB5646

#469BAB

Analogous

#AB4669

#AB8946

#AB5646

Triadic

#AB5646

#46AB56

#5646AB

Split Complementary

#AB5646

#46AB89

#4669AB

Tetradic

#AB5646

#69AB46

#469BAB

#8946AB

Color Blindness Simulation

Original

#AB5646

Protanopia

#86854A

Deuteranopia

#8B924B

Tritanopia

#A74D4E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E9E7
200
#EAD1CC
300
#DBB0A8
400
#C88679
500
#B55B4A
600
#91493B
700
#743A2F
800
#5A2D25
900
#43241E
950
#2A1713

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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