#A35312

#A35312

Color Values

HEX

#A35312

RGB

163, 83, 18

HSL

26.9, 80.1%, 35.5%

HSV

26.9, 89.0%, 63.9%

CMYK

0.0%, 49.1%, 89.0%, 36.1%

OKLCH

0.5303 0.1271 52.8

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#A35312

#1262A3

Analogous

#A3121A

#A39C12

#A35312

Triadic

#A35312

#12A353

#5312A3

Split Complementary

#A35312

#12A39C

#121AA3

Tetradic

#A35312

#1AA312

#1262A3

#9C12A3

Color Blindness Simulation

Original

#A35312

Protanopia

#808022

Deuteranopia

#858B26

Tritanopia

#9F2E31

Achromatopsia

#5F5F5F

CSS Usage

background-color: #A35312;
color: #A35312;
border-color: #A35312;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FDF7F2
100
#F9ECE1
200
#F8D8BF
300
#F3BD91
400
#EC9955
500
#E67519
600
#B85E14
700
#934B10
800
#733A0D
900
#532D0E
950
#351C09

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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