#AF7769

#AF7769

Color Values

HEX

#AF7769

RGB

175, 119, 105

HSL

12,0, 30,4%, 54,9%

HSV

12,0, 40,0%, 68,6%

CMYK

0,0%, 32,0%, 40,0%, 31,4%

OKLCH

0,6232 0,0741 34,6

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AF7769

#69A1AF

Analogous

#AF697E

#AF9A69

#AF7769

Triadic

#AF7769

#69AF77

#7769AF

Split Complementary

#AF7769

#69AF9A

#697EAF

Tetradic

#AF7769

#7EAF69

#69A1AF

#9A69AF

Color Blindness Simulation

Original

#AF7769

Protanopia

#97966C

Deuteranopia

#9A9E6D

Tritanopia

#AC6F70

Achromatopsia

#828282

CSS Usage

background-color: #AF7769;
color: #AF7769;
border-color: #AF7769;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F5
100
#F2EAE9
200
#E6D5D0
300
#D4B7AF
400
#BD8F84
500
#A66859
600
#855347
700
#6A4339
800
#53342C
900
#3E2823
950
#271A16

Contrast Checker

Text on white

3,71:1

AA Fail AAA Fail

Text on black

5,67: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