#AF6415

#AF6415

Color Values

HEX

#AF6415

RGB

175, 100, 21

HSL

30.8, 78.6%, 38.4%

HSV

30.8, 88.0%, 68.6%

CMYK

0.0%, 42.9%, 88.0%, 31.4%

OKLCH

0.5768 0.1279 59.9

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#AF6415

#1560AF

Analogous

#AF1715

#ADAF15

#AF6415

Triadic

#AF6415

#15AF64

#6415AF

Split Complementary

#AF6415

#15ADAF

#1715AF

Tetradic

#AF6415

#15AF17

#1560AF

#AF15AD

Color Blindness Simulation

Original

#AF6415

Protanopia

#8F8E28

Deuteranopia

#93982D

Tritanopia

#AB373B

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DCBF
300
#F2C392
400
#EBA356
500
#E4821B
600
#B66816
700
#925311
800
#72410E
900
#53310E
950
#341F09

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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