#AF7A26

#AF7A26

Color Values

HEX

#AF7A26

RGB

175, 122, 38

HSL

36.8, 64.3%, 41.8%

HSV

36.8, 78.3%, 68.6%

CMYK

0.0%, 30.3%, 78.3%, 31.4%

OKLCH

0.6191 0.1164 74.2

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#AF7A26

#265BAF

Analogous

#AF3626

#A0AF26

#AF7A26

Triadic

#AF7A26

#26AF7A

#7A26AF

Split Complementary

#AF7A26

#26A0AF

#3626AF

Tetradic

#AF7A26

#26AF36

#265BAF

#AF26A0

Color Blindness Simulation

Original

#AF7A26

Protanopia

#98983A

Deuteranopia

#9B9F3F

Tritanopia

#AC4A4E

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F2E1C4
300
#E9CB9A
400
#DDAE64
500
#D1922E
600
#A87524
700
#865D1D
800
#694917
900
#4C3714
950
#30230D

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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