#AF7113

#AF7113

Color Values

HEX

#AF7113

RGB

175, 113, 19

HSL

36.2, 80.4%, 38.0%

HSV

36.2, 89.1%, 68.6%

CMYK

0.0%, 35.4%, 89.1%, 31.4%

OKLCH

0.6006 0.1246 69.9

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#AF7113

#1351AF

Analogous

#AF2313

#9FAF13

#AF7113

Triadic

#AF7113

#13AF71

#7113AF

Split Complementary

#AF7113

#139FAF

#2313AF

Tetradic

#AF7113

#13AF23

#1351AF

#AF139F

Color Blindness Simulation

Original

#AF7113

Protanopia

#94942A

Deuteranopia

#989C2F

Tritanopia

#AC3C40

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#F9F0E1
200
#F8E1BF
300
#F3CC91
400
#EDB055
500
#E69519
600
#B87714
700
#935F10
800
#734A0C
900
#54380D
950
#352308

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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