#AF6317

#AF6317

Color Values

HEX

#AF6317

RGB

175, 99, 23

HSL

30.0, 76.8%, 38.8%

HSV

30.0, 86.9%, 68.6%

CMYK

0.0%, 43.4%, 86.9%, 31.4%

OKLCH

0.5751 0.1278 58.8

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#AF6317

#1763AF

Analogous

#AF1717

#AFAF17

#AF6317

Triadic

#AF6317

#17AF63

#6317AF

Split Complementary

#AF6317

#17AFAF

#1717AF

Tetradic

#AF6317

#17AF17

#1763AF

#AF17AF

Color Blindness Simulation

Original

#AF6317

Protanopia

#8E8D29

Deuteranopia

#92982E

Tritanopia

#AB383B

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DBC0
300
#F1C293
400
#E9A158
500
#E1801E
600
#B46618
700
#905213
800
#71400F
900
#52300F
950
#341F09

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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