#AF8650

#AF8650

Color Values

HEX

#AF8650

RGB

175, 134, 80

HSL

34.1, 37.3%, 50.0%

HSV

34.1, 54.3%, 68.6%

CMYK

0.0%, 23.4%, 54.3%, 31.4%

OKLCH

0.6477 0.0872 72.9

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#AF8650

#5079AF

Analogous

#AF5650

#A9AF50

#AF8650

Triadic

#AF8650

#50AF86

#8650AF

Split Complementary

#AF8650

#50A9AF

#5650AF

Tetradic

#AF8650

#50AF56

#5079AF

#AF50A9

Color Blindness Simulation

Original

#AF8650

Protanopia

#9D9D5D

Deuteranopia

#A0A360

Tritanopia

#AD676A

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DDCE
300
#D9C5AB
400
#C4A57D
500
#AF8650
600
#8C6B40
700
#705633
800
#584328
900
#413320
950
#292014

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.35:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026