#A55604

#A55604

Color Values

HEX

#A55604

RGB

165, 86, 4

HSL

30.6, 95.3%, 33.1%

HSV

30.6, 97.6%, 64.7%

CMYK

0.0%, 47.9%, 97.6%, 35.3%

OKLCH

0.5377 0.1299 56.1

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#A55604

#0453A5

Analogous

#A50604

#A3A504

#A55604

Triadic

#A55604

#04A556

#5604A5

Split Complementary

#A55604

#04A3A5

#0604A5

Tetradic

#A55604

#04A506

#0453A5

#A504A3

Color Blindness Simulation

Original

#A55604

Protanopia

#838218

Deuteranopia

#878D1D

Tritanopia

#A1282B

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FDDCB9
300
#FCC387
400
#FBA247
500
#F98206
600
#C76805
700
#9F5304
800
#7D4103
900
#5A3107
950
#391F04

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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