#AF544E

#AF544E

Color Values

HEX

#AF544E

RGB

175, 84, 78

HSL

3.7, 38.3%, 49.6%

HSV

3.7, 55.4%, 68.6%

CMYK

0.0%, 52.0%, 55.4%, 31.4%

OKLCH

0.5569 0.1202 25.5

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AF544E

#4EA9AF

Analogous

#AF4E79

#AF844E

#AF544E

Triadic

#AF544E

#4EAF54

#544EAF

Split Complementary

#AF544E

#4EAF84

#4E79AF

Tetradic

#AF544E

#79AF4E

#4EA9AF

#844EAF

Color Blindness Simulation

Original

#AF544E

Protanopia

#88874F

Deuteranopia

#8D9450

Tritanopia

#AA5151

Achromatopsia

#676767

CSS Usage

background-color: #AF544E;
color: #AF544E;
border-color: #AF544E;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9CFCE
300
#D9ADAA
400
#C5817D
500
#B0554F
600
#8D443F
700
#713632
800
#582A27
900
#412220
950
#291514

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail 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