#AF8753

#AF8753

Color Values

HEX

#AF8753

RGB

175, 135, 83

HSL

33.9, 36.5%, 50.6%

HSV

33.9, 52.6%, 68.6%

CMYK

0.0%, 22.9%, 52.6%, 31.4%

OKLCH

0.6502 0.0846 72.7

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#AF8753

#537BAF

Analogous

#AF5953

#A9AF53

#AF8753

Triadic

#AF8753

#53AF87

#8753AF

Split Complementary

#AF8753

#53A9AF

#5953AF

Tetradic

#AF8753

#53AF59

#537BAF

#AF53A9

Color Blindness Simulation

Original

#AF8753

Protanopia

#9E9D60

Deuteranopia

#A0A363

Tritanopia

#AD6A6C

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E8DDCE
300
#D8C5AB
400
#C3A57E
500
#AE8651
600
#8B6B41
700
#6F5534
800
#574328
900
#403321
950
#292015

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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