#AF5442

#AF5442

Color Values

HEX

#AF5442

RGB

175, 84, 66

HSL

9,9, 45,2%, 47,3%

HSV

9,9, 62,3%, 68,6%

CMYK

0,0%, 52,0%, 62,3%, 31,4%

OKLCH

0,5547 0,123 32,6

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AF5442

#429DAF

Analogous

#AF4267

#AF8B42

#AF5442

Triadic

#AF5442

#42AF54

#5442AF

Split Complementary

#AF5442

#42AF8B

#4267AF

Tetradic

#AF5442

#67AF42

#429DAF

#8B42AF

Color Blindness Simulation

Original

#AF5442

Protanopia

#888746

Deuteranopia

#8D9447

Tritanopia

#AA4A4B

Achromatopsia

#666666

CSS Usage

background-color: #AF5442;
color: #AF5442;
border-color: #AF5442;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FAF5F4
100
#F4E9E6
200
#EBD0CB
300
#DDAFA6
400
#CB8476
500
#B95946
600
#944738
700
#76392D
800
#5D2C23
900
#44231D
950
#2B1612

Contrast Checker

Text on white

5,04:1

AA Pass AAA Fail

Text on black

4,17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026