#AB733F

#AB733F

Color Values

HEX

#AB733F

RGB

171, 115, 63

HSL

28.9, 46.2%, 45.9%

HSV

28.9, 63.2%, 67.1%

CMYK

0.0%, 32.7%, 63.2%, 32.9%

OKLCH

0.6032 0.0982 62.0

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AB733F

#3F77AB

Analogous

#AB3F41

#ABA93F

#AB733F

Triadic

#AB733F

#3FAB73

#733FAB

Split Complementary

#AB733F

#3FABA9

#3F41AB

Tetradic

#AB733F

#41AB3F

#3F77AB

#A93FAB

Color Blindness Simulation

Original

#AB733F

Protanopia

#93924C

Deuteranopia

#969A4F

Tritanopia

#A85658

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDBCB
300
#DEC1A6
400
#CC9F75
500
#BA7D45
600
#956437
700
#77502C
800
#5D3F22
900
#45301C
950
#2B1E12

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.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