#A3510F

#A3510F

Color Values

HEX

#A3510F

RGB

163, 81, 15

HSL

26.8, 83.1%, 34.9%

HSV

26.8, 90.8%, 63.9%

CMYK

0.0%, 50.3%, 90.8%, 36.1%

OKLCH

0.5268 0.1291 52.0

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#A3510F

#0F61A3

Analogous

#A30F17

#A39B0F

#A3510F

Triadic

#A3510F

#0FA351

#510FA3

Split Complementary

#A3510F

#0FA39B

#0F17A3

Tetradic

#A3510F

#17A30F

#0F61A3

#9B0FA3

Color Blindness Simulation

Original

#A3510F

Protanopia

#7F7F1F

Deuteranopia

#848A23

Tritanopia

#9F2C2E

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE1
200
#F9D8BE
300
#F5BC8F
400
#EF9852
500
#E97416
600
#BB5D11
700
#954A0E
800
#753A0B
900
#552D0C
950
#351C08

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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