#AF8968

#AF8968

Color Values

HEX

#AF8968

RGB

175, 137, 104

HSL

27.9, 30.7%, 54.7%

HSV

27.9, 40.6%, 68.6%

CMYK

0.0%, 21.7%, 40.6%, 31.4%

OKLCH

0.658 0.0655 62.3

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#AF8968

#688EAF

Analogous

#AF686B

#AFAC68

#AF8968

Triadic

#AF8968

#68AF89

#8968AF

Split Complementary

#AF8968

#68AFAC

#686BAF

Tetradic

#AF8968

#6BAF68

#688EAF

#AC68AF

Color Blindness Simulation

Original

#AF8968

Protanopia

#9F9E70

Deuteranopia

#A1A472

Tritanopia

#AD7678

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E6DBD0
300
#D5C0AF
400
#BE9F84
500
#A77D58
600
#856447
700
#6B5039
800
#533E2C
900
#3E3023
950
#271E16

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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