#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026