#AF661D

#AF661D

Color Values

HEX

#AF661D

RGB

175, 102, 29

HSL

30.0, 71.6%, 40.0%

HSV

30.0, 83.4%, 68.6%

CMYK

0.0%, 41.7%, 83.4%, 31.4%

OKLCH

0.5808 0.1244 59.8

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AF661D

#1D66AF

Analogous

#AF1D1D

#AFAF1D

#AF661D

Triadic

#AF661D

#1DAF66

#661DAF

Split Complementary

#AF661D

#1DAFAF

#1D1DAF

Tetradic

#AF661D

#1DAF1D

#1D66AF

#AF1DAF

Color Blindness Simulation

Original

#AF661D

Protanopia

#8F8F2F

Deuteranopia

#949933

Tritanopia

#AB3D40

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F5DBC2
300
#EEC296
400
#E4A15D
500
#DB8024
600
#AF661D
700
#8C5217
800
#6D4012
900
#503011
950
#321F0B

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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