#AF720E

#AF720E

Color Values

HEX

#AF720E

RGB

175, 114, 14

HSL

37.3, 85.2%, 37.1%

HSV

37.3, 92.0%, 68.6%

CMYK

0.0%, 34.9%, 92.0%, 31.4%

OKLCH

0.6023 0.1258 71.2

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#AF720E

#0E4BAF

Analogous

#AF220E

#9CAF0E

#AF720E

Triadic

#AF720E

#0EAF72

#720EAF

Split Complementary

#AF720E

#0E9CAF

#220EAF

Tetradic

#AF720E

#0EAF22

#0E4BAF

#AF0E9C

Color Blindness Simulation

Original

#AF720E

Protanopia

#959426

Deuteranopia

#989D2C

Tritanopia

#AC393E

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF0E0
200
#FAE3BD
300
#F6CE8E
400
#F1B450
500
#EC9A13
600
#BD7B0F
700
#97630C
800
#764D09
900
#56390B
950
#362407

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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