#AB9168

#AB9168

Color Values

HEX

#AB9168

RGB

171, 145, 104

HSL

36.7, 28.5%, 53.9%

HSV

36.7, 39.2%, 67.1%

CMYK

0.0%, 15.2%, 39.2%, 32.9%

OKLCH

0.6702 0.0643 78.7

Properties

Warm Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#AB9168

#6882AB

Analogous

#AB6F68

#A3AB68

#AB9168

Triadic

#AB9168

#68AB91

#9168AB

Split Complementary

#AB9168

#68A3AB

#6F68AB

Tetradic

#AB9168

#68AB6F

#6882AB

#AB68A3

Color Blindness Simulation

Original

#AB9168

Protanopia

#A0A072

Deuteranopia

#A1A374

Tritanopia

#AA7A7B

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F1EEE9
200
#E5DED1
300
#D3C6B0
400
#BCA786
500
#A4885B
600
#836C49
700
#69573A
800
#52442E
900
#3D3324
950
#262017

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.98:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026