#AB8650

#AB8650

Color Values

HEX

#AB8650

RGB

171, 134, 80

HSL

35.6, 36.3%, 49.2%

HSV

35.6, 53.2%, 67.1%

CMYK

0.0%, 21.6%, 53.2%, 32.9%

OKLCH

0.6434 0.0846 75.7

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#AB8650

#5075AB

Analogous

#AB5850

#A3AB50

#AB8650

Triadic

#AB8650

#50AB86

#8650AB

Split Complementary

#AB8650

#50A3AB

#5850AB

Tetradic

#AB8650

#50AB58

#5075AB

#AB50A3

Color Blindness Simulation

Original

#AB8650

Protanopia

#9B9B5D

Deuteranopia

#9DA060

Tritanopia

#A9676A

Achromatopsia

#8A8A8A

CSS Usage

background-color: #AB8650;
color: #AB8650;
border-color: #AB8650;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E8DECE
300
#D8C6AC
400
#C3A77E
500
#AE8851
600
#8B6D41
700
#6F5734
800
#574429
900
#403321
950
#292015

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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