#AB7168

#AB7168

Color Values

HEX

#AB7168

RGB

171, 113, 104

HSL

8.1, 28.5%, 53.9%

HSV

8.1, 39.2%, 67.1%

CMYK

0.0%, 33.9%, 39.2%, 32.9%

OKLCH

0.6071 0.0756 29.1

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AB7168

#68A2AB

Analogous

#AB6880

#AB9268

#AB7168

Triadic

#AB7168

#68AB71

#7168AB

Split Complementary

#AB7168

#68AB92

#6880AB

Tetradic

#AB7168

#80AB68

#68A2AB

#9268AB

Color Blindness Simulation

Original

#AB7168

Protanopia

#92916A

Deuteranopia

#959A6B

Tritanopia

#A86C6C

Achromatopsia

#7D7D7D

CSS Usage

background-color: #AB7168;
color: #AB7168;
border-color: #AB7168;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F5
100
#F1EAE9
200
#E5D4D1
300
#D3B5B0
400
#BC8D86
500
#A4655B
600
#835149
700
#69413A
800
#52322E
900
#3D2724
950
#261917

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.29:1

AA Pass 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