#A34501

#A34501

Color Values

HEX

#A34501

RGB

163, 69, 1

HSL

25.2, 98.8%, 32.2%

HSV

25.2, 99.4%, 63.9%

CMYK

0.0%, 57.7%, 99.4%, 36.1%

OKLCH

0.5074 0.1405 46.7

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#A34501

#015FA3

Analogous

#A3010E

#A39601

#A34501

Triadic

#A34501

#01A345

#4501A3

Split Complementary

#A34501

#01A396

#010EA3

Tetradic

#A34501

#0EA301

#015FA3

#9601A3

Color Blindness Simulation

Original

#A34501

Protanopia

#7A7911

Deuteranopia

#808715

Tritanopia

#9E1E21

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FFD6B8
300
#FEB885
400
#FE9243
500
#FD6B02
600
#CB5601
700
#A24501
800
#7F3601
900
#5C2A05
950
#3A1A03

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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