#AF5C0E

#AF5C0E

Color Values

HEX

#AF5C0E

RGB

175, 92, 14

HSL

29.1, 85.2%, 37.1%

HSV

29.1, 92.0%, 68.6%

CMYK

0.0%, 47.4%, 92.0%, 31.4%

OKLCH

0.5626 0.1338 55.3

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AF5C0E

#0E61AF

Analogous

#AF0E10

#AFAD0E

#AF5C0E

Triadic

#AF5C0E

#0EAF5C

#5C0EAF

Split Complementary

#AF5C0E

#0EAFAD

#0E10AF

Tetradic

#AF5C0E

#10AF0E

#0E61AF

#AD0EAF

Color Blindness Simulation

Original

#AF5C0E

Protanopia

#8B8A21

Deuteranopia

#909625

Tritanopia

#AB3033

Achromatopsia

#686868

CSS Usage

background-color: #AF5C0E;
color: #AF5C0E;
border-color: #AF5C0E;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#FADABD
300
#F6C08E
400
#F19E50
500
#EC7C13
600
#BD630F
700
#97500C
800
#763E09
900
#562F0B
950
#361E07

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail 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