#A67732

#A67732

Color Values

HEX

#A67732

RGB

166, 119, 50

HSL

35.7, 53.7%, 42.4%

HSV

35.7, 69.9%, 65.1%

CMYK

0.0%, 28.3%, 69.9%, 34.9%

OKLCH

0.6036 0.1033 73.8

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#A67732

#3261A6

Analogous

#A63D32

#9BA632

#A67732

Triadic

#A67732

#32A677

#7732A6

Split Complementary

#A67732

#329BA6

#3D32A6

Tetradic

#A67732

#32A63D

#3261A6

#A6329B

Color Blindness Simulation

Original

#A67732

Protanopia

#929143

Deuteranopia

#949847

Tritanopia

#A45053

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEDFC8
300
#E3C8A1
400
#D3AA6E
500
#C48D3B
600
#9D702F
700
#7D5A26
800
#62461E
900
#483519
950
#2D2110

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.31:1

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