#AF7050

#AF7050

Color Values

HEX

#AF7050

RGB

175, 112, 80

HSL

20.2, 37.3%, 50.0%

HSV

20.2, 54.3%, 68.6%

CMYK

0.0%, 36.0%, 54.3%, 31.4%

OKLCH

0.6051 0.0923 47.4

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AF7050

#508FAF

Analogous

#AF505F

#AFA050

#AF7050

Triadic

#AF7050

#50AF70

#7050AF

Split Complementary

#AF7050

#50AFA0

#505FAF

Tetradic

#AF7050

#5FAF50

#508FAF

#A050AF

Color Blindness Simulation

Original

#AF7050

Protanopia

#949358

Deuteranopia

#979C5A

Tritanopia

#AC5E5F

Achromatopsia

#7B7B7B

CSS Usage

background-color: #AF7050;
color: #AF7050;
border-color: #AF7050;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F3EBE7
200
#E9D7CE
300
#D9BAAB
400
#C4957D
500
#AF7050
600
#8C5A40
700
#704833
800
#583828
900
#412B20
950
#291B14

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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