#AF734C

#AF734C

Color Values

HEX

#AF734C

RGB

175, 115, 76

HSL

23.6, 39.4%, 49.2%

HSV

23.6, 56.6%, 68.6%

CMYK

0.0%, 34.3%, 56.6%, 31.4%

OKLCH

0.61 0.0931 53.2

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AF734C

#4C88AF

Analogous

#AF4C57

#AFA44C

#AF734C

Triadic

#AF734C

#4CAF73

#734CAF

Split Complementary

#AF734C

#4CAFA4

#4C57AF

Tetradic

#AF734C

#57AF4C

#4C88AF

#A44CAF

Color Blindness Simulation

Original

#AF734C

Protanopia

#959455

Deuteranopia

#989D58

Tritanopia

#AC5D5F

Achromatopsia

#7D7D7D

CSS Usage

background-color: #AF734C;
color: #AF734C;
border-color: #AF734C;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#E9D8CD
300
#DABDAA
400
#C6997B
500
#B2754D
600
#8E5D3E
700
#724B31
800
#593A27
900
#422D1F
950
#291C14

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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