#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026