#AF594D

#AF594D

Color Values

HEX

#AF594D

RGB

175, 89, 77

HSL

7.3, 38.9%, 49.4%

HSV

7.3, 56.0%, 68.6%

CMYK

0.0%, 49.1%, 56.0%, 31.4%

OKLCH

0.5646 0.1146 29.4

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AF594D

#4DA3AF

Analogous

#AF4D72

#AF8A4D

#AF594D

Triadic

#AF594D

#4DAF59

#594DAF

Split Complementary

#AF594D

#4DAF8A

#4D72AF

Tetradic

#AF594D

#72AF4D

#4DA3AF

#8A4DAF

Color Blindness Simulation

Original

#AF594D

Protanopia

#8A8950

Deuteranopia

#8F9551

Tritanopia

#AB5253

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#E9D1CD
300
#DAB0AA
400
#C5857C
500
#B15A4E
600
#8E483E
700
#713A32
800
#592D27
900
#41241F
950
#291614

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026