#A46313

#A46313

Color Values

HEX

#A46313

RGB

164, 99, 19

HSL

33.1, 79.2%, 35.9%

HSV

33.1, 88.4%, 64.3%

CMYK

0.0%, 39.6%, 88.4%, 35.7%

OKLCH

0.5601 0.1197 64.3

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#A46313

#1354A4

Analogous

#A41B13

#9DA413

#A46313

Triadic

#A46313

#13A463

#6313A4

Split Complementary

#A46313

#139DA4

#1B13A4

Tetradic

#A46313

#13A41B

#1354A4

#A4139D

Color Blindness Simulation

Original

#A46313

Protanopia

#888726

Deuteranopia

#8C902B

Tritanopia

#A13639

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE1
200
#F8DEBF
300
#F2C791
400
#EBA856
500
#E48A1B
600
#B76E15
700
#925811
800
#72450D
900
#53340E
950
#342109

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

AA Fail 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