#AF8665

#AF8665

Color Values

HEX

#AF8665

RGB

175, 134, 101

HSL

26.8, 31.6%, 54.1%

HSV

26.8, 42.3%, 68.6%

CMYK

0.0%, 23.4%, 42.3%, 31.4%

OKLCH

0.6514 0.0684 60.0

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#AF8665

#658EAF

Analogous

#AF6569

#AFAB65

#AF8665

Triadic

#AF8665

#65AF86

#8665AF

Split Complementary

#AF8665

#65AFAB

#6569AF

Tetradic

#AF8665

#69AF65

#658EAF

#AB65AF

Color Blindness Simulation

Original

#AF8665

Protanopia

#9D9D6D

Deuteranopia

#A0A36F

Tritanopia

#AD7375

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E7DAD0
300
#D5C0AE
400
#BE9D83
500
#A87B57
600
#866346
700
#6B4F38
800
#543E2C
900
#3E2F23
950
#271E16

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.42:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026