#AB671A

#AB671A

Color Values

HEX

#AB671A

RGB

171, 103, 26

HSL

31.9, 73.6%, 38.6%

HSV

31.9, 84.8%, 67.1%

CMYK

0.0%, 39.8%, 84.8%, 32.9%

OKLCH

0.5771 0.1217 63.0

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AB671A

#1A5EAB

Analogous

#AB1F1A

#A6AB1A

#AB671A

Triadic

#AB671A

#1AAB67

#671AAB

Split Complementary

#AB671A

#1AA6AB

#1F1AAB

Tetradic

#AB671A

#1AAB1F

#1A5EAB

#AB1AA6

Color Blindness Simulation

Original

#AB671A

Protanopia

#8E8D2D

Deuteranopia

#929731

Tritanopia

#A83B3F

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE2
200
#F6DDC1
300
#EFC595
400
#E6A55B
500
#DD8522
600
#B16B1B
700
#8E5516
800
#6F4311
900
#513210
950
#33200A

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

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