#AF5D0B

#AF5D0B

Color Values

HEX

#AF5D0B

RGB

175, 93, 11

HSL

30.0, 88.2%, 36.5%

HSV

30.0, 93.7%, 68.6%

CMYK

0.0%, 46.9%, 93.7%, 31.4%

OKLCH

0.5642 0.1338 56.4

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AF5D0B

#0B5DAF

Analogous

#AF0B0B

#AFAF0B

#AF5D0B

Triadic

#AF5D0B

#0BAF5D

#5D0BAF

Split Complementary

#AF5D0B

#0BAFAF

#0B0BAF

Tetradic

#AF5D0B

#0BAF0B

#0B5DAF

#AF0BAF

Color Blindness Simulation

Original

#AF5D0B

Protanopia

#8B8B1F

Deuteranopia

#909624

Tritanopia

#AB2F32

Achromatopsia

#696969

CSS Usage

background-color: #AF5D0B;
color: #AF5D0B;
border-color: #AF5D0B;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F2
100
#FBEDE0
200
#FBDBBC
300
#F8C28C
400
#F4A14D
500
#F0800F
600
#C0660C
700
#9A520A
800
#784008
900
#57300A
950
#371F06

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

4.39:1

AA Fail 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