#AB833C

#AB833C

Color Values

HEX

#AB833C

RGB

171, 131, 60

HSL

38.4, 48.1%, 45.3%

HSV

38.4, 64.9%, 67.1%

CMYK

0.0%, 23.4%, 64.9%, 32.9%

OKLCH

0.6346 0.1012 79.5

Properties

Warm Light Nearest: goldenrod 4

Color Harmonies

Complementary

#AB833C

#3C64AB

Analogous

#AB4C3C

#9CAB3C

#AB833C

Triadic

#AB833C

#3CAB83

#833CAB

Split Complementary

#AB833C

#3C9CAB

#4C3CAB

Tetradic

#AB833C

#3CAB4C

#3C64AB

#AB3C9C

Color Blindness Simulation

Original

#AB833C

Protanopia

#9A994D

Deuteranopia

#9C9F51

Tritanopia

#A95B5E

Achromatopsia

#868686

CSS Usage

background-color: #AB833C;
color: #AB833C;
border-color: #AB833C;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECE0CA
300
#DFCAA4
400
#CEAD73
500
#BD9142
600
#977435
700
#795D2A
800
#5E4821
900
#45361B
950
#2C2211

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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