#AF5904

#AF5904

Color Values

HEX

#AF5904

RGB

175, 89, 4

HSL

29.8, 95.5%, 35.1%

HSV

29.8, 97.7%, 68.6%

CMYK

0.0%, 49.1%, 97.7%, 31.4%

OKLCH

0.5573 0.1374 54.5

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AF5904

#045AAF

Analogous

#AF0405

#AFAE04

#AF5904

Triadic

#AF5904

#04AF59

#5904AF

Split Complementary

#AF5904

#04AFAE

#0405AF

Tetradic

#AF5904

#05AF04

#045AAF

#AE04AF

Color Blindness Simulation

Original

#AF5904

Protanopia

#8A8919

Deuteranopia

#8F951E

Tritanopia

#AB292C

Achromatopsia

#656565

CSS Usage

background-color: #AF5904;
color: #AF5904;
border-color: #AF5904;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FDDBB9
300
#FCC187
400
#FBA047
500
#F97F06
600
#C76505
700
#A05104
800
#7D3F03
900
#5A3007
950
#391E04

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail 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