#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026