#AF9184

#AF9184

Color Values

HEX

#AF9184

RGB

175, 145, 132

HSL

18.1, 21.2%, 60.2%

HSV

18.1, 24.6%, 68.6%

CMYK

0.0%, 17.1%, 24.6%, 31.4%

OKLCH

0.6805 0.041 44.7

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AF9184

#84A2AF

Analogous

#AF848D

#AFA684

#AF9184

Triadic

#AF9184

#84AF91

#9184AF

Split Complementary

#AF9184

#84AFA6

#848DAF

Tetradic

#AF9184

#8DAF84

#84A2AF

#A684AF

Color Blindness Simulation

Original

#AF9184

Protanopia

#A2A287

Deuteranopia

#A4A688

Tritanopia

#AE8A8A

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E3D8D4
300
#CFBDB5
400
#B5998D
500
#9B7564
600
#7C5D50
700
#634B40
800
#4D3A32
900
#3A2D27
950
#241C19

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

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