#AB857B

#AB857B

Color Values

HEX

#AB857B

RGB

171, 133, 123

HSL

12.5, 22.2%, 57.6%

HSV

12.5, 28.1%, 67.1%

CMYK

0.0%, 22.2%, 28.1%, 32.9%

OKLCH

0.6502 0.0493 35.2

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AB857B

#7BA1AB

Analogous

#AB7B89

#AB9D7B

#AB857B

Triadic

#AB857B

#7BAB85

#857BAB

Split Complementary

#AB857B

#7BAB9D

#7B89AB

Tetradic

#AB857B

#89AB7B

#7BA1AB

#9D7BAB

Color Blindness Simulation

Original

#AB857B

Protanopia

#9B9A7D

Deuteranopia

#9DA07E

Tritanopia

#A97F80

Achromatopsia

#8C8C8C

CSS Usage

background-color: #AB857B;
color: #AB857B;
border-color: #AB857B;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F7F6
100
#F1EBEA
200
#E3D7D3
300
#CFBAB4
400
#B6948C
500
#9C6F63
600
#7D594F
700
#64473F
800
#4E3732
900
#3A2B27
950
#251B18

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026