#AF6F0B

#AF6F0B

Color Values

HEX

#AF6F0B

RGB

175, 111, 11

HSL

36.6, 88.2%, 36.5%

HSV

36.6, 93.7%, 68.6%

CMYK

0.0%, 36.6%, 93.7%, 31.4%

OKLCH

0.5966 0.1269 69.2

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#AF6F0B

#0B4BAF

Analogous

#AF1D0B

#9DAF0B

#AF6F0B

Triadic

#AF6F0B

#0BAF6F

#6F0BAF

Split Complementary

#AF6F0B

#0B9DAF

#1D0BAF

Tetradic

#AF6F0B

#0BAF1D

#0B4BAF

#AF0B9D

Color Blindness Simulation

Original

#AF6F0B

Protanopia

#939323

Deuteranopia

#979C29

Tritanopia

#AC363A

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF0E0
200
#FBE2BC
300
#F8CE8C
400
#F4B34D
500
#F0980F
600
#C07A0C
700
#9A610A
800
#784C08
900
#57390A
950
#372406

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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