#A85347

#A85347

Color Values

HEX

#A85347

RGB

168, 83, 71

HSL

7.4, 40.6%, 46.9%

HSV

7.4, 57.7%, 65.9%

CMYK

0.0%, 50.6%, 57.7%, 34.1%

OKLCH

0.5438 0.1143 29.6

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#A85347

#479CA8

Analogous

#A8476C

#A88447

#A85347

Triadic

#A85347

#47A853

#5347A8

Split Complementary

#A85347

#47A884

#476CA8

Tetradic

#A85347

#6CA847

#479CA8

#8447A8

Color Blindness Simulation

Original

#A85347

Protanopia

#83824A

Deuteranopia

#888E4B

Tritanopia

#A44C4D

Achromatopsia

#646464

CSS Usage

background-color: #A85347;
color: #A85347;
border-color: #A85347;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#EAD0CD
300
#DBAFA9
400
#C7847A
500
#B3594C
600
#8F473D
700
#733930
800
#5A2C26
900
#42231F
950
#2A1613

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

3.99:1

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