#A36C01

#A36C01

Color Values

HEX

#A36C01

RGB

163, 108, 1

HSL

39.6, 98.8%, 32.2%

HSV

39.6, 99.4%, 63.9%

CMYK

0.0%, 33.7%, 99.4%, 36.1%

OKLCH

0.5754 0.1217 73.9

Properties

Warm Light Nearest: orange 4

Color Harmonies

Complementary

#A36C01

#0138A3

Analogous

#A31B01

#89A301

#A36C01

Triadic

#A36C01

#01A36C

#6C01A3

Split Complementary

#A36C01

#0189A3

#1B01A3

Tetradic

#A36C01

#01A31B

#0138A3

#A30189

Color Blindness Simulation

Original

#A36C01

Protanopia

#8B8B1B

Deuteranopia

#8E9221

Tritanopia

#A02F34

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FFE7B8
300
#FED585
400
#FEBE43
500
#FDA802
600
#CB8601
700
#A26B01
800
#7F5401
900
#5C3E05
950
#3A2703

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass 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