#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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026