#A65504

#A65504

Color Values

HEX

#A65504

RGB

166, 85, 4

HSL

30.0, 95.3%, 33.3%

HSV

30.0, 97.6%, 65.1%

CMYK

0.0%, 48.8%, 97.6%, 34.9%

OKLCH

0.5375 0.1315 55.1

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#A65504

#0455A6

Analogous

#A60404

#A6A604

#A65504

Triadic

#A65504

#04A655

#5504A6

Split Complementary

#A65504

#04A6A6

#0404A6

Tetradic

#A65504

#04A604

#0455A6

#A604A6

Color Blindness Simulation

Original

#A65504

Protanopia

#838218

Deuteranopia

#888E1C

Tritanopia

#A2272A

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FDDBB9
300
#FCC287
400
#FBA147
500
#F98006
600
#C76605
700
#9F5204
800
#7D4003
900
#5A3007
950
#391F04

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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