#A16623

#A16623

Color Values

HEX

#A16623

RGB

161, 102, 35

HSL

31.9, 64.3%, 38.4%

HSV

31.9, 78.3%, 63.1%

CMYK

0.0%, 36.6%, 78.3%, 36.9%

OKLCH

0.5628 0.11 64.9

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#A16623

#235EA1

Analogous

#A12723

#9DA123

#A16623

Triadic

#A16623

#23A166

#6623A1

Split Complementary

#A16623

#239DA1

#2723A1

Tetradic

#A16623

#23A127

#235EA1

#A1239D

Color Blindness Simulation

Original

#A16623

Protanopia

#878733

Deuteranopia

#8B8F37

Tritanopia

#9E4043

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F2DDC4
300
#E9C49A
400
#DDA464
500
#D1852E
600
#A86A24
700
#86551D
800
#694217
900
#4C3214
950
#30200D

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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