#AA7017

#AA7017

Color Values

HEX

#AA7017

RGB

170, 112, 23

HSL

36.3, 76.2%, 37.8%

HSV

36.3, 86.5%, 66.7%

CMYK

0.0%, 34.1%, 86.5%, 33.3%

OKLCH

0.5926 0.1201 71.2

Properties

Warm Light Nearest: orange 4

Color Harmonies

Complementary

#AA7017

#1751AA

Analogous

#AA2617

#9AAA17

#AA7017

Triadic

#AA7017

#17AA70

#7017AA

Split Complementary

#AA7017

#179AAA

#2617AA

Tetradic

#AA7017

#17AA26

#1751AA

#AA179A

Color Blindness Simulation

Original

#AA7017

Protanopia

#91902D

Deuteranopia

#949932

Tritanopia

#A73E41

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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