#AF5F11

#AF5F11

Color Values

HEX

#AF5F11

RGB

175, 95, 17

HSL

29.6, 82.3%, 37.6%

HSV

29.6, 90.3%, 68.6%

CMYK

0.0%, 45.7%, 90.3%, 31.4%

OKLCH

0.5679 0.1315 57.0

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AF5F11

#1161AF

Analogous

#AF1112

#AFAE11

#AF5F11

Triadic

#AF5F11

#11AF5F

#5F11AF

Split Complementary

#AF5F11

#11AFAE

#1112AF

Tetradic

#AF5F11

#12AF11

#1161AF

#AE11AF

Color Blindness Simulation

Original

#AF5F11

Protanopia

#8C8C24

Deuteranopia

#919728

Tritanopia

#AB3336

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DBBE
300
#F4C18F
400
#EEA053
500
#E87E17
600
#BA6512
700
#95510E
800
#743F0B
900
#54300D
950
#351E08

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026