#AF7964

#AF7964

Color Values

HEX

#AF7964

RGB

175, 121, 100

HSL

16.8, 31.9%, 53.9%

HSV

16.8, 42.9%, 68.6%

CMYK

0.0%, 30.9%, 42.9%, 31.4%

OKLCH

0.6259 0.0748 42.1

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#AF7964

#649AAF

Analogous

#AF6474

#AF9E64

#AF7964

Triadic

#AF7964

#64AF79

#7964AF

Split Complementary

#AF7964

#64AF9E

#6474AF

Tetradic

#AF7964

#74AF64

#649AAF

#9E64AF

Color Blindness Simulation

Original

#AF7964

Protanopia

#989769

Deuteranopia

#9B9F6A

Tritanopia

#AC6D6E

Achromatopsia

#838383

CSS Usage

background-color: #AF7964;
color: #AF7964;
border-color: #AF7964;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F5
100
#F2EBE8
200
#E7D6D0
300
#D5B9AE
400
#BF9383
500
#A86E57
600
#875845
700
#6C4638
800
#54372B
900
#3E2A23
950
#271B16

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026