#AF681D

#AF681D

Color Values

HEX

#AF681D

RGB

175, 104, 29

HSL

30.8, 71.6%, 40.0%

HSV

30.8, 83.4%, 68.6%

CMYK

0.0%, 40.6%, 83.4%, 31.4%

OKLCH

0.5844 0.1236 61.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#AF681D

#1D64AF

Analogous

#AF1F1D

#ADAF1D

#AF681D

Triadic

#AF681D

#1DAF68

#681DAF

Split Complementary

#AF681D

#1DADAF

#1F1DAF

Tetradic

#AF681D

#1DAF1F

#1D64AF

#AF1DAD

Color Blindness Simulation

Original

#AF681D

Protanopia

#90902F

Deuteranopia

#949A34

Tritanopia

#AB3D41

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F5DCC2
300
#EEC396
400
#E4A25D
500
#DB8224
600
#AF681D
700
#8C5317
800
#6D4112
900
#503111
950
#321F0B

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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