#AF6442

#AF6442

Color Values

HEX

#AF6442

RGB

175, 100, 66

HSL

18.7, 45.2%, 47.3%

HSV

18.7, 62.3%, 68.6%

CMYK

0.0%, 42.9%, 62.3%, 31.4%

OKLCH

0.5812 0.1082 44.5

Properties

Warm Light Nearest: sienna

Color Harmonies

Complementary

#AF6442

#428DAF

Analogous

#AF4257

#AF9B42

#AF6442

Triadic

#AF6442

#42AF64

#6442AF

Split Complementary

#AF6442

#42AF9B

#4257AF

Tetradic

#AF6442

#57AF42

#428DAF

#9B42AF

Color Blindness Simulation

Original

#AF6442

Protanopia

#8F8E4A

Deuteranopia

#93984C

Tritanopia

#AB5152

Achromatopsia

#717171

CSS Usage

background-color: #AF6442;
color: #AF6442;
border-color: #AF6442;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FAF6F4
100
#F4EBE6
200
#EBD5CB
300
#DDB7A6
400
#CB9176
500
#B96A46
600
#945538
700
#76442D
800
#5D3523
900
#44291D
950
#2B1A12

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72: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