#AF8079

#AF8079

Color Values

HEX

#AF8079

RGB

175, 128, 121

HSL

7.8, 25.2%, 58.0%

HSV

7.8, 30.9%, 68.6%

CMYK

0.0%, 26.9%, 30.9%, 31.4%

OKLCH

0.6442 0.0597 28.4

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AF8079

#79A8AF

Analogous

#AF798D

#AF9B79

#AF8079

Triadic

#AF8079

#79AF80

#8079AF

Split Complementary

#AF8079

#79AF9B

#798DAF

Tetradic

#AF8079

#8DAF79

#79A8AF

#9B79AF

Color Blindness Simulation

Original

#AF8079

Protanopia

#9B9A7B

Deuteranopia

#9DA17B

Tritanopia

#AD7C7C

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAE9
200
#E4D5D2
300
#D1B6B2
400
#B88F89
500
#A0685F
600
#80534C
700
#66423D
800
#503430
900
#3B2825
950
#261918

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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