#AB6C46

#AB6C46

Color Values

HEX

#AB6C46

RGB

171, 108, 70

HSL

22.6, 41.9%, 47.3%

HSV

22.6, 59.1%, 67.1%

CMYK

0.0%, 36.8%, 59.1%, 32.9%

OKLCH

0.591 0.0963 51.1

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AB6C46

#4685AB

Analogous

#AB4653

#AB9F46

#AB6C46

Triadic

#AB6C46

#46AB6C

#6C46AB

Split Complementary

#AB6C46

#46AB9F

#4653AB

Tetradic

#AB6C46

#53AB46

#4685AB

#9F46AB

Color Blindness Simulation

Original

#AB6C46

Protanopia

#908F4F

Deuteranopia

#939851

Tritanopia

#A85658

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4ECE7
200
#EAD8CC
300
#DBBBA8
400
#C89779
500
#B5724A
600
#915B3B
700
#74492F
800
#5A3925
900
#432C1E
950
#2A1C13

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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