#AF5F4D

#AF5F4D

Color Values

HEX

#AF5F4D

RGB

175, 95, 77

HSL

11.0, 38.9%, 49.4%

HSV

11.0, 56.0%, 68.6%

CMYK

0.0%, 45.7%, 56.0%, 31.4%

OKLCH

0.5745 0.1081 33.7

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AF5F4D

#4D9DAF

Analogous

#AF4D6C

#AF904D

#AF5F4D

Triadic

#AF5F4D

#4DAF5F

#5F4DAF

Split Complementary

#AF5F4D

#4DAF90

#4D6CAF

Tetradic

#AF5F4D

#6CAF4D

#4D9DAF

#904DAF

Color Blindness Simulation

Original

#AF5F4D

Protanopia

#8C8C51

Deuteranopia

#919752

Tritanopia

#AB5556

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#E9D3CD
300
#DAB3AA
400
#C5897C
500
#B1604E
600
#8E4D3E
700
#713D32
800
#593027
900
#41261F
950
#291814

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026