#AF5A44

#AF5A44

Color Values

HEX

#AF5A44

RGB

175, 90, 68

HSL

12.3, 44.0%, 47.6%

HSV

12.3, 61.1%, 68.6%

CMYK

0.0%, 48.6%, 61.1%, 31.4%

OKLCH

0.5646 0.1163 35.5

Properties

Warm Dark Nearest: sienna

Color Harmonies

Complementary

#AF5A44

#4499AF

Analogous

#AF4463

#AF8F44

#AF5A44

Triadic

#AF5A44

#44AF5A

#5A44AF

Split Complementary

#AF5A44

#44AF8F

#4463AF

Tetradic

#AF5A44

#63AF44

#4499AF

#8F44AF

Color Blindness Simulation

Original

#AF5A44

Protanopia

#8A8949

Deuteranopia

#8F964B

Tritanopia

#AB4E4E

Achromatopsia

#6A6A6A

CSS Usage

background-color: #AF5A44;
color: #AF5A44;
border-color: #AF5A44;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FAF6F4
100
#F4E9E6
200
#EBD2CC
300
#DDB2A7
400
#CA8877
500
#B85E47
600
#934C39
700
#763C2E
800
#5C2F24
900
#44251D
950
#2B1712

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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