#A7693B

#A7693B

Color Values

HEX

#A7693B

RGB

167, 105, 59

HSL

25.6, 47.8%, 44.3%

HSV

25.6, 64.7%, 65.5%

CMYK

0.0%, 37.1%, 64.7%, 34.5%

OKLCH

0.5788 0.1005 55.7

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#A7693B

#3B79A7

Analogous

#A73B43

#A79F3B

#A7693B

Triadic

#A7693B

#3BA769

#693BA7

Split Complementary

#A7693B

#3BA79F

#3B43A7

Tetradic

#A7693B

#43A73B

#3B79A7

#9F3BA7

Color Blindness Simulation

Original

#A7693B

Protanopia

#8C8C46

Deuteranopia

#909449

Tritanopia

#A44F51

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD9CA
300
#DFBEA5
400
#CE9A74
500
#BC7743
600
#975F35
700
#794C2B
800
#5E3B21
900
#452D1C
950
#2C1D11

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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