#A2736A

#A2736A

Color Values

HEX

#A2736A

RGB

162, 115, 106

HSL

9.6, 23.1%, 52.5%

HSV

9.6, 34.6%, 63.5%

CMYK

0.0%, 29.0%, 34.6%, 36.5%

OKLCH

0.6008 0.0615 31.1

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#A2736A

#6A99A2

Analogous

#A26A7D

#A28F6A

#A2736A

Triadic

#A2736A

#6AA273

#736AA2

Split Complementary

#A2736A

#6AA28F

#6A7DA2

Tetradic

#A2736A

#7DA26A

#6A99A2

#8F6AA2

Color Blindness Simulation

Original

#A2736A

Protanopia

#8E8D6C

Deuteranopia

#90946D

Tritanopia

#A06E6E

Achromatopsia

#7C7C7C

CSS Usage

background-color: #A2736A;
color: #A2736A;
border-color: #A2736A;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F1EBEA
200
#E4D6D3
300
#D0B8B4
400
#B6928B
500
#9D6B62
600
#7E564E
700
#64453F
800
#4E3631
900
#3B2A26
950
#251A18

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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