#AF8E5C

#AF8E5C

Color Values

HEX

#AF8E5C

RGB

175, 142, 92

HSL

36.1, 34.2%, 52.4%

HSV

36.1, 47.4%, 68.6%

CMYK

0.0%, 18.9%, 47.4%, 31.4%

OKLCH

0.6659 0.078 77.2

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#AF8E5C

#5C7DAF

Analogous

#AF655C

#A7AF5C

#AF8E5C

Triadic

#AF8E5C

#5CAF8E

#8E5CAF

Split Complementary

#AF8E5C

#5CA7AF

#655CAF

Tetradic

#AF8E5C

#5CAF65

#5C7DAF

#AF5CA7

Color Blindness Simulation

Original

#AF8E5C

Protanopia

#A1A068

Deuteranopia

#A3A56B

Tritanopia

#AD7274

Achromatopsia

#919191

CSS Usage

background-color: #AF8E5C;
color: #AF8E5C;
border-color: #AF8E5C;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E8DECF
300
#D7C6AD
400
#C1A780
500
#AB8854
600
#896D43
700
#6E5736
800
#56442A
900
#3F3322
950
#282115

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.85:1

AA Pass 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