#AF745E

#AF745E

Color Values

HEX

#AF745E

RGB

175, 116, 94

HSL

16.3, 33.6%, 52.7%

HSV

16.3, 46.3%, 68.6%

CMYK

0.0%, 33.7%, 46.3%, 31.4%

OKLCH

0.6152 0.0817 41.2

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AF745E

#5E99AF

Analogous

#AF5E70

#AF9C5E

#AF745E

Triadic

#AF745E

#5EAF74

#745EAF

Split Complementary

#AF745E

#5EAF9C

#5E70AF

Tetradic

#AF745E

#70AF5E

#5E99AF

#9C5EAF

Color Blindness Simulation

Original

#AF745E

Protanopia

#959563

Deuteranopia

#999D65

Tritanopia

#AC6868

Achromatopsia

#7F7F7F

CSS Usage

background-color: #AF745E;
color: #AF745E;
border-color: #AF745E;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF6F5
100
#F2EBE8
200
#E7D6CF
300
#D6B8AD
400
#C09281
500
#AA6C55
600
#885644
700
#6D4536
800
#55362A
900
#3F2A22
950
#281A15

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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