#AB7117

#AB7117

Color Values

HEX

#AB7117

RGB

171, 113, 23

HSL

36.5, 76.3%, 38.0%

HSV

36.5, 86.5%, 67.1%

CMYK

0.0%, 33.9%, 86.5%, 32.9%

OKLCH

0.5958 0.1207 71.5

Properties

Warm Light Nearest: orange 4

Color Harmonies

Complementary

#AB7117

#1751AB

Analogous

#AB2717

#9BAB17

#AB7117

Triadic

#AB7117

#17AB71

#7117AB

Split Complementary

#AB7117

#179BAB

#2717AB

Tetradic

#AB7117

#17AB27

#1751AB

#AB179B

Color Blindness Simulation

Original

#AB7117

Protanopia

#92912D

Deuteranopia

#959A32

Tritanopia

#A83E42

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9F0E2
200
#F7E1C0
300
#F0CC93
400
#E9B059
500
#E1951E
600
#B47718
700
#905F13
800
#704A0F
900
#52380F
950
#34230A

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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