#AB8F54

#AB8F54

Color Values

HEX

#AB8F54

RGB

171, 143, 84

HSL

40.7, 34.1%, 50.0%

HSV

40.7, 50.9%, 67.1%

CMYK

0.0%, 16.4%, 50.9%, 32.9%

OKLCH

0.6626 0.0846 84.8

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#AB8F54

#5470AB

Analogous

#AB6454

#9BAB54

#AB8F54

Triadic

#AB8F54

#54AB8F

#8F54AB

Split Complementary

#AB8F54

#549BAB

#6454AB

Tetradic

#AB8F54

#54AB64

#5470AB

#AB549B

Color Blindness Simulation

Original

#AB8F54

Protanopia

#9F9F62

Deuteranopia

#A0A366

Tritanopia

#AA6E70

Achromatopsia

#919191

CSS Usage

background-color: #AB8F54;
color: #AB8F54;
border-color: #AB8F54;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E7E0CF
300
#D7C9AD
400
#C1AC80
500
#AB8F54
600
#897243
700
#6D5C36
800
#55482A
900
#3F3622
950
#282215

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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