#AF844A

#AF844A

Color Values

HEX

#AF844A

RGB

175, 132, 74

HSL

34.5, 40.6%, 48.8%

HSV

34.5, 57.7%, 68.6%

CMYK

0.0%, 24.6%, 57.7%, 31.4%

OKLCH

0.6428 0.0921 73.2

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#AF844A

#4A75AF

Analogous

#AF514A

#A7AF4A

#AF844A

Triadic

#AF844A

#4AAF84

#844AAF

Split Complementary

#AF844A

#4AA7AF

#514AAF

Tetradic

#AF844A

#4AAF51

#4A75AF

#AF4AA7

Color Blindness Simulation

Original

#AF844A

Protanopia

#9C9C58

Deuteranopia

#9FA25B

Tritanopia

#AD6366

Achromatopsia

#898989

CSS Usage

background-color: #AF844A;
color: #AF844A;
border-color: #AF844A;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#EADDCD
300
#DBC6A9
400
#C7A67A
500
#B3874C
600
#8F6C3D
700
#735730
800
#5A4426
900
#42331F
950
#2A2013

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.22:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026