#AF6E09

#AF6E09

Color Values

HEX

#AF6E09

RGB

175, 110, 9

HSL

36.5, 90.2%, 36.1%

HSV

36.5, 94.9%, 68.6%

CMYK

0.0%, 37.1%, 94.9%, 31.4%

OKLCH

0.5946 0.1275 68.6

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#AF6E09

#094AAF

Analogous

#AF1B09

#9DAF09

#AF6E09

Triadic

#AF6E09

#09AF6E

#6E09AF

Split Complementary

#AF6E09

#099DAF

#1B09AF

Tetradic

#AF6E09

#09AF1B

#094AAF

#AF099D

Color Blindness Simulation

Original

#AF6E09

Protanopia

#939221

Deuteranopia

#979C27

Tritanopia

#AC3539

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FCE2BB
300
#F9CE8B
400
#F6B34C
500
#F3980C
600
#C27A0A
700
#9B6208
800
#794C06
900
#583909
950
#372406

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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