#AF9F76

#AF9F76

Color Values

HEX

#AF9F76

RGB

175, 159, 118

HSL

43.2, 26.3%, 57.5%

HSV

43.2, 32.6%, 68.6%

CMYK

0.0%, 9.1%, 32.6%, 31.4%

OKLCH

0.7061 0.0591 89.2

Properties

Warm Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#AF9F76

#7686AF

Analogous

#AF8376

#A3AF76

#AF9F76

Triadic

#AF9F76

#76AF9F

#9F76AF

Split Complementary

#AF9F76

#76A3AF

#8376AF

Tetradic

#AF9F76

#76AF83

#7686AF

#AF76A3

Color Blindness Simulation

Original

#AF9F76

Protanopia

#A8A880

Deuteranopia

#A9AA82

Tritanopia

#AE8889

Achromatopsia

#9F9F9F

CSS Usage

background-color: #AF9F76;
color: #AF9F76;
border-color: #AF9F76;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E5DFD2
300
#D2C9B2
400
#B9AC88
500
#A18E5E
600
#81724B
700
#675B3C
800
#51472F
900
#3C3525
950
#262217

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.04:1

AA Pass AAA Pass

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