#AF8780

#AF8780

Color Values

HEX

#AF8780

RGB

175, 135, 128

HSL

8,9, 22,7%, 59,4%

HSV

8,9, 26,9%, 68,6%

CMYK

0,0%, 22,9%, 26,9%, 31,4%

OKLCH

0,6596 0,0505 29,8

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AF8780

#80A8AF

Analogous

#AF8090

#AF9E80

#AF8780

Triadic

#AF8780

#80AF87

#8780AF

Split Complementary

#AF8780

#80AF9E

#8090AF

Tetradic

#AF8780

#90AF80

#80A8AF

#9E80AF

Color Blindness Simulation

Original

#AF8780

Protanopia

#9E9D82

Deuteranopia

#A0A382

Tritanopia

#AD8383

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBEA
200
#E3D6D3
300
#D0B8B4
400
#B6928B
500
#9C6B63
600
#7D564F
700
#64453F
800
#4E3631
900
#3A2927
950
#251A18

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