#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