#AF8333

#AF8333

Color Values

HEX

#AF8333

RGB

175, 131, 51

HSL

38.7, 54.9%, 44.3%

HSV

38.7, 70.9%, 68.6%

CMYK

0.0%, 25.1%, 70.9%, 31.4%

OKLCH

0.6381 0.1099 79.2

Properties

Warm Light Nearest: goldenrod 4

Color Harmonies

Complementary

#AF8333

#335FAF

Analogous

#AF4533

#9DAF33

#AF8333

Triadic

#AF8333

#33AF83

#8333AF

Split Complementary

#AF8333

#339DAF

#4533AF

Tetradic

#AF8333

#33AF45

#335FAF

#AF339D

Color Blindness Simulation

Original

#AF8333

Protanopia

#9C9C46

Deuteranopia

#9EA24B

Tritanopia

#AD5659

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5F0E5
200
#EFE1C8
300
#E3CCA0
400
#D4B06D
500
#C5943A
600
#9E762E
700
#7E5F25
800
#634A1D
900
#483719
950
#2E230F

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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