#A36701

#A36701

Color Values

HEX

#A36701

RGB

163, 103, 1

HSL

37.8, 98.8%, 32.2%

HSV

37.8, 99.4%, 63.9%

CMYK

0.0%, 36.8%, 99.4%, 36.1%

OKLCH

0.5657 0.1223 70.0

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#A36701

#013DA3

Analogous

#A31601

#8EA301

#A36701

Triadic

#A36701

#01A367

#6701A3

Split Complementary

#A36701

#018EA3

#1601A3

Tetradic

#A36701

#01A316

#013DA3

#A3018E

Color Blindness Simulation

Original

#A36701

Protanopia

#89881A

Deuteranopia

#8C9120

Tritanopia

#A02D31

Achromatopsia

#6C6C6C

CSS Usage

background-color: #A36701;
color: #A36701;
border-color: #A36701;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FFE4B8
300
#FED285
400
#FEB943
500
#FDA002
600
#CB8001
700
#A26701
800
#7F5001
900
#5C3C05
950
#3A2603

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026