#AF8362

#AF8362

Color Values

HEX

#AF8362

RGB

175, 131, 98

HSL

25.7, 32.5%, 53.5%

HSV

25.7, 44.0%, 68.6%

CMYK

0.0%, 25.1%, 44.0%, 31.4%

OKLCH

0.6448 0.0714 57.9

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#AF8362

#628EAF

Analogous

#AF6267

#AFA962

#AF8362

Triadic

#AF8362

#62AF83

#8362AF

Split Complementary

#AF8362

#62AFA9

#6267AF

Tetradic

#AF8362

#67AF62

#628EAF

#A962AF

Color Blindness Simulation

Original

#AF8362

Protanopia

#9C9C6A

Deuteranopia

#9EA26C

Tritanopia

#AD7072

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7DAD0
300
#D6BFAE
400
#BF9C82
500
#A97A56
600
#876145
700
#6C4E37
800
#543D2B
900
#3F2E22
950
#281D16

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026