#AF5A50

#AF5A50

Color Values

HEX

#AF5A50

RGB

175, 90, 80

HSL

6.3, 37.3%, 50.0%

HSV

6.3, 54.3%, 68.6%

CMYK

0.0%, 48.6%, 54.3%, 31.4%

OKLCH

0.5668 0.1127 28.1

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AF5A50

#50A5AF

Analogous

#AF5076

#AF8950

#AF5A50

Triadic

#AF5A50

#50AF5A

#5A50AF

Split Complementary

#AF5A50

#50AF89

#5076AF

Tetradic

#AF5A50

#76AF50

#50A5AF

#8950AF

Color Blindness Simulation

Original

#AF5A50

Protanopia

#8A8952

Deuteranopia

#8F9653

Tritanopia

#AB5455

Achromatopsia

#6B6B6B

CSS Usage

background-color: #AF5A50;
color: #AF5A50;
border-color: #AF5A50;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#E9D1CE
300
#D9B0AB
400
#C4857D
500
#AF5A50
600
#8C4840
700
#703A33
800
#582D28
900
#412420
950
#291614

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.4:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026