#AF6A24

#AF6A24

Color Values

HEX

#AF6A24

RGB

175, 106, 36

HSL

30.2, 65.9%, 41.4%

HSV

30.2, 79.4%, 68.6%

CMYK

0.0%, 39.4%, 79.4%, 31.4%

OKLCH

0.5885 0.12 61.3

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AF6A24

#2469AF

Analogous

#AF2424

#AFAF24

#AF6A24

Triadic

#AF6A24

#24AF6A

#6A24AF

Split Complementary

#AF6A24

#24AFAF

#2424AF

Tetradic

#AF6A24

#24AF24

#2469AF

#AF24AF

Color Blindness Simulation

Original

#AF6A24

Protanopia

#919135

Deuteranopia

#959A39

Tritanopia

#AC4245

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DBC4
300
#EAC299
400
#DFA162
500
#D4802B
600
#A96623
700
#87521C
800
#6A4016
900
#4D3114
950
#311F0C

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.91:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026