#AF5F10

#AF5F10

Color Values

HEX

#AF5F10

RGB

175, 95, 16

HSL

29,8, 83,2%, 37,5%

HSV

29,8, 90,9%, 68,6%

CMYK

0,0%, 45,7%, 90,9%, 31,4%

OKLCH

0,5678 0,1317 57,1

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AF5F10

#1060AF

Analogous

#AF1011

#AFAF10

#AF5F10

Triadic

#AF5F10

#10AF5F

#5F10AF

Split Complementary

#AF5F10

#10AFAF

#1011AF

Tetradic

#AF5F10

#11AF10

#1060AF

#AF10AF

Color Blindness Simulation

Original

#AF5F10

Protanopia

#8C8C23

Deuteranopia

#919728

Tritanopia

#AB3236

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DBBE
300
#F5C18F
400
#EFA052
500
#EA7F15
600
#BB6511
700
#95510E
800
#753F0B
900
#55300C
950
#361E08

Contrast Checker

Text on white

4,7:1

AA Pass AAA Fail

Text on black

4,47: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