#A45708

#A45708

Color Values

HEX

#A45708

RGB

164, 87, 8

HSL

30,4, 90,7%, 33,7%

HSV

30,4, 95,1%, 64,3%

CMYK

0,0%, 47,0%, 95,1%, 35,7%

OKLCH

0,5381 0,1277 56,7

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#A45708

#0855A4

Analogous

#A40908

#A3A408

#A45708

Triadic

#A45708

#08A457

#5708A4

Split Complementary

#A45708

#08A3A4

#0908A4

Tetradic

#A45708

#08A409

#0855A4

#A408A3

Color Blindness Simulation

Original

#A45708

Protanopia

#83821B

Deuteranopia

#878D20

Tritanopia

#A02A2E

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDCBB
300
#F9C38A
400
#F6A24B
500
#F3810C
600
#C36709
700
#9C5308
800
#7A4106
900
#583109
950
#381F06

Contrast Checker

Text on white

5,32:1

AA Pass AAA Fail

Text on black

3,95:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026