#AF4E47

#AF4E47

Color Values

HEX

#AF4E47

RGB

175, 78, 71

HSL

4.0, 42.3%, 48.2%

HSV

4.0, 59.4%, 68.6%

CMYK

0.0%, 55.4%, 59.4%, 31.4%

OKLCH

0.5465 0.1285 26.3

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AF4E47

#47A8AF

Analogous

#AF4774

#AF8247

#AF4E47

Triadic

#AF4E47

#47AF4E

#4E47AF

Split Complementary

#AF4E47

#47AF82

#4774AF

Tetradic

#AF4E47

#74AF47

#47A8AF

#8247AF

Color Blindness Simulation

Original

#AF4E47

Protanopia

#858449

Deuteranopia

#8B9249

Tritanopia

#AA4A4A

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EACECC
300
#DCABA8
400
#C97E79
500
#B5514A
600
#91413B
700
#74342F
800
#5B2825
900
#43201E
950
#2A1513

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026