#A1682F

#A1682F

Color Values

HEX

#A1682F

RGB

161, 104, 47

HSL

30.0, 54.8%, 40.8%

HSV

30.0, 70.8%, 63.1%

CMYK

0.0%, 35.4%, 70.8%, 36.9%

OKLCH

0.5678 0.1028 62.9

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#A1682F

#2F68A1

Analogous

#A12F2F

#A1A12F

#A1682F

Triadic

#A1682F

#2FA168

#682FA1

Split Complementary

#A1682F

#2FA1A1

#2F2FA1

Tetradic

#A1682F

#2FA12F

#2F68A1

#A12FA1

Color Blindness Simulation

Original

#A1682F

Protanopia

#88883D

Deuteranopia

#8C9040

Tritanopia

#9E484A

Achromatopsia

#707070

CSS Usage

background-color: #A1682F;
color: #A1682F;
border-color: #A1682F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EFDBC8
300
#E3C2A0
400
#D4A16D
500
#C5803A
600
#9E662E
700
#7E5225
800
#63401D
900
#483019
950
#2E1F10

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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