#AF710E

#AF710E

Color Values

HEX

#AF710E

RGB

175, 113, 14

HSL

36.9, 85.2%, 37.1%

HSV

36.9, 92.0%, 68.6%

CMYK

0.0%, 35.4%, 92.0%, 31.4%

OKLCH

0.6004 0.126 70.5

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#AF710E

#0E4CAF

Analogous

#AF210E

#9DAF0E

#AF710E

Triadic

#AF710E

#0EAF71

#710EAF

Split Complementary

#AF710E

#0E9DAF

#210EAF

Tetradic

#AF710E

#0EAF21

#0E4CAF

#AF0E9D

Color Blindness Simulation

Original

#AF710E

Protanopia

#949426

Deuteranopia

#989C2C

Tritanopia

#AC393D

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF0E0
200
#FAE2BD
300
#F6CE8E
400
#F1B350
500
#EC9813
600
#BD7A0F
700
#97620C
800
#764C09
900
#56390B
950
#362407

Contrast Checker

Text on white

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