#AF8B50

#AF8B50

Color Values

HEX

#AF8B50

RGB

175, 139, 80

HSL

37.3, 37.3%, 50.0%

HSV

37.3, 54.3%, 68.6%

CMYK

0.0%, 20.6%, 54.3%, 31.4%

OKLCH

0.6578 0.0886 78.6

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#AF8B50

#5074AF

Analogous

#AF5C50

#A3AF50

#AF8B50

Triadic

#AF8B50

#50AF8B

#8B50AF

Split Complementary

#AF8B50

#50A3AF

#5C50AF

Tetradic

#AF8B50

#50AF5C

#5074AF

#AF50A3

Color Blindness Simulation

Original

#AF8B50

Protanopia

#9F9F5E

Deuteranopia

#A2A462

Tritanopia

#AD6A6C

Achromatopsia

#8E8E8E

CSS Usage

background-color: #AF8B50;
color: #AF8B50;
border-color: #AF8B50;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#E9DFCE
300
#D9C7AB
400
#C4A97D
500
#AF8B50
600
#8C6F40
700
#705933
800
#584628
900
#413420
950
#292114

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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