#AF6542

#AF6542

Color Values

HEX

#AF6542

RGB

175, 101, 66

HSL

19.3, 45.2%, 47.3%

HSV

19.3, 62.3%, 68.6%

CMYK

0.0%, 42.3%, 62.3%, 31.4%

OKLCH

0.5829 0.1075 45.3

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AF6542

#428CAF

Analogous

#AF4256

#AF9C42

#AF6542

Triadic

#AF6542

#42AF65

#6542AF

Split Complementary

#AF6542

#42AF9C

#4256AF

Tetradic

#AF6542

#56AF42

#428CAF

#9C42AF

Color Blindness Simulation

Original

#AF6542

Protanopia

#8F8E4A

Deuteranopia

#93994C

Tritanopia

#AB5153

Achromatopsia

#727272

CSS Usage

background-color: #AF6542;
color: #AF6542;
border-color: #AF6542;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF6F4
100
#F4EBE6
200
#EBD6CB
300
#DDB8A6
400
#CB9176
500
#B96B46
600
#945638
700
#76442D
800
#5D3523
900
#44291D
950
#2B1A12

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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