#AF506B

#AF506B

Color Values

HEX

#AF506B

RGB

175, 80, 107

HSL

342.9, 37.3%, 50.0%

HSV

342.9, 54.3%, 68.6%

CMYK

0.0%, 54.3%, 38.9%, 31.4%

OKLCH

0.5582 0.1267 4.2

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#AF506B

#50AF94

Analogous

#AF509B

#AF6450

#AF506B

Triadic

#AF506B

#6BAF50

#506BAF

Split Complementary

#AF506B

#50AF64

#509BAF

Tetradic

#AF506B

#9BAF50

#50AF94

#6450AF

Color Blindness Simulation

Original

#AF506B

Protanopia

#868564

Deuteranopia

#8B9263

Tritanopia

#AA5F5E

Achromatopsia

#666666

CSS Usage

background-color: #AF506B;
color: #AF506B;
border-color: #AF506B;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF5F6
100
#F3E7EB
200
#E9CED6
300
#D9ABB8
400
#C47D92
500
#AF506B
600
#8C4056
700
#703345
800
#582836
900
#412029
950
#29141A

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail 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