#AF9B82

#AF9B82

Color Values

HEX

#AF9B82

RGB

175, 155, 130

HSL

33.3, 22.0%, 59.8%

HSV

33.3, 25.7%, 68.6%

CMYK

0.0%, 11.4%, 25.7%, 31.4%

OKLCH

0.7004 0.0423 73.2

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#AF9B82

#8296AF

Analogous

#AF8482

#ADAF82

#AF9B82

Triadic

#AF9B82

#82AF9B

#9B82AF

Split Complementary

#AF9B82

#82ADAF

#8482AF

Tetradic

#AF9B82

#82AF84

#8296AF

#AF82AD

Color Blindness Simulation

Original

#AF9B82

Protanopia

#A6A688

Deuteranopia

#A8A98A

Tritanopia

#AE8D8E

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E3DCD3
300
#CFC3B4
400
#B5A38C
500
#9C8363
600
#7C6850
700
#645440
800
#4E4132
900
#3A3227
950
#251F19

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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