#A45200

#A45200

Color Values

HEX

#A45200

RGB

164, 82, 0

HSL

30.0, 100.0%, 32.2%

HSV

30.0, 100.0%, 64.3%

CMYK

0.0%, 50.0%, 100.0%, 35.7%

OKLCH

0.5294 0.1322 54.3

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#A45200

#0052A4

Analogous

#A40000

#A4A400

#A45200

Triadic

#A45200

#00A452

#5200A4

Split Complementary

#A45200

#00A4A4

#0000A4

Tetradic

#A45200

#00A400

#0052A4

#A400A4

Color Blindness Simulation

Original

#A45200

Protanopia

#808014

Deuteranopia

#858B19

Tritanopia

#A02427

Achromatopsia

#5E5E5E

CSS Usage

background-color: #A45200;
color: #A45200;
border-color: #A45200;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FFDBB8
300
#FFC285
400
#FFA142
500
#FF8000
600
#CC6600
700
#A35200
800
#804000
900
#5C3005
950
#3A1F03

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.79:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026